add margin to percentage container

This commit is contained in:
casperlamboo 2018-01-17 16:52:14 +01:00
parent ac85bbc6d5
commit 742783e4db

View File

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