From 742783e4dba1a2b767fa9552440a2a8dbe04813e Mon Sep 17 00:00:00 2001
From: casperlamboo <casperlamboo@gmail.com>
Date: Wed, 17 Jan 2018 16:52:14 +0100
Subject: [PATCH] add margin to percentage container

---
 src/interface/index.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/interface/index.js b/src/interface/index.js
index 854f820..f9245ce 100644
--- a/src/interface/index.js
+++ b/src/interface/index.js
@@ -61,6 +61,9 @@ const styles = {
   sliceActions: {
     flexShrink: 0,
   },
+  sliceInfo: {
+    margin: '10px 0'
+  },
   sliceButtons: {
     justifyContent: 'flex-end',
     display: 'flex'
@@ -303,9 +306,11 @@ class Interface extends React.Component {
           onChange={this.onChangeSettings}
         />
         <div className={classes.sliceActions}>
-          {error && <p className={classes.error}>{error}</p>}
-          {isSlicing && <p>{progress.action}</p>}
-          {isSlicing && <LinearProgress mode="determinate" value={progress.percentage * 100.0} />}
+          <div className={classes.sliceInfo}>
+            {error && <p className={classes.error}>{error}</p>}
+            {isSlicing && <p>{progress.action}</p>}
+            {isSlicing && <LinearProgress mode="determinate" value={progress.percentage * 100.0} />}
+          </div>
           <div className={classes.sliceButtons}>
             {onCancel && <RaisedButton
               label="Cancel"