diff --git a/app/components/draw/DrawField.js b/app/components/draw/DrawField.js
index 24a9541..c925eef 100644
--- a/app/components/draw/DrawField.js
+++ b/app/components/draw/DrawField.js
@@ -84,7 +84,6 @@ const styles = {
}
};
-
/**
* Helper function to manually fire an event
*
@@ -269,9 +268,9 @@ class SketchFieldDemo extends React.Component {
const { canvasState } = this.props;
console.log(this._sketch && this._sketch.toJSON())
return (
-
+
-
+
this._sketch.zoom(1.25)}>
@@ -282,6 +281,15 @@ class SketchFieldDemo extends React.Component {
onClick={(e) => this._sketch.zoom(0.8)}>
+
+
@@ -307,36 +315,6 @@ class SketchFieldDemo extends React.Component {
-
-
-
-
-
- this._sketch.zoom(1.25)}>
-
-
- this._sketch.zoom(0.8)}>
-
-
-
-
-
-
-
-
-
-
@@ -345,7 +323,6 @@ class SketchFieldDemo extends React.Component {
onChange={(color) => this.setState({lineColor: color.hex})}/>
-
diff --git a/app/components/draw/draw.css b/app/components/draw/draw.css
index aad4c0f..506e746 100644
--- a/app/components/draw/draw.css
+++ b/app/components/draw/draw.css
@@ -1,18 +1,9 @@
-body, html {
- margin: 0;
- padding: 0;
- min-height: 100%;
- height: 100%;
- font-weight: 300;
- font-family: "Roboto", sans-serif;
-}
-
#container {
display: flex;
flex-direction: column;
overflow-x: hidden;
min-height: 100%;
- width: 100%;
+ width: 1vw;
height: 100%;
background-color: #eeffd3;
color: #000000;