From 10055824aab0b8d8f8e57b53dffed25df3b0591b Mon Sep 17 00:00:00 2001
From: casperlamboo <casperlamboo@gmail.com>
Date: Mon, 13 Nov 2017 11:01:57 +0100
Subject: [PATCH] space buttons

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

diff --git a/src/interface/index.js b/src/interface/index.js
index 42610a3..ebb881b 100644
--- a/src/interface/index.js
+++ b/src/interface/index.js
@@ -49,6 +49,9 @@ const styles = {
   },
   button: {
     margin: '5px 0'
+  },
+  controlButton: {
+    marginRight: '2px'
   }
 };
 
@@ -170,10 +173,10 @@ class Interface extends React.Component {
       <div style={{ width, height }} className={classes.container}>
         <canvas className={classes.canvas} ref="canvas" width={width} height={height} />
         {!sliced && <div className={classes.controlBar}>
-          <RaisedButton onTouchTap={this.resetMesh} primary label="reset" />
-          <RaisedButton disabled={controlMode === 'translate'} onTouchTap={() => this.setState({ controlMode: 'translate' })} primary label="translate" />
-          <RaisedButton disabled={controlMode === 'rotate'} onTouchTap={() => this.setState({ controlMode: 'rotate' })} primary label="rotate" />
-          <RaisedButton disabled={controlMode === 'scale'} onTouchTap={() => this.setState({ controlMode: 'scale' })} primary label="scale" />
+          <RaisedButton className={classes.controlButton} onTouchTap={this.resetMesh} primary label="reset" />
+          <RaisedButton className={classes.controlButton} disabled={controlMode === 'translate'} onTouchTap={() => this.setState({ controlMode: 'translate' })} primary label="translate" />
+          <RaisedButton className={classes.controlButton} disabled={controlMode === 'rotate'} onTouchTap={() => this.setState({ controlMode: 'rotate' })} primary label="rotate" />
+          <RaisedButton className={classes.controlButton} disabled={controlMode === 'scale'} onTouchTap={() => this.setState({ controlMode: 'scale' })} primary label="scale" />
         </div>}
         {sliced && <div className={classes.controlBar}>
           <Slider