update css

index.js

@@ -6,14 +6,22 @@ import { render } from 'react-dom';
 import fileSaver from 'file-saver';
 import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
 import injectTapEventPlugin from 'react-tap-event-plugin';
+import jss from 'jss';
+import preset from 'jss-preset-default';
+import normalize from 'normalize-jss';
 
 injectTapEventPlugin();
 
-document.body.style.margin = 0;
-document.body.style.padding = 0;
-document.body.style.height = '100%';
-document.documentElement.style.height = '100%'
-document.getElementById('app').style.height = '100%';
+jss.setup(preset());
+jss.createStyleSheet(normalize).attach();
+jss.createStyleSheet({
+  '@global': {
+    '*': { margin: 0, padding: 0 },
+    '#app, body, html': { height: '100%', fontFamily: 'sans-serif' },
+    body: { overflow: 'auto' },
+    html: { overflow: 'hidden' }
+  }
+}).attach();
 
 const downloadGCode = ({ gcode: { gcode } }) => {
   const file = new File([gcode], 'gcode.gcode', { type: 'text/plain' });

package-lock.json

@@ -5113,6 +5113,11 @@
         "vm-browserify": "0.0.4"
       }
     },
+    "normalize-jss": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-jss/-/normalize-jss-4.0.0.tgz",
+      "integrity": "sha512-zsn6yP0fOoDpzktjHCWKGVDMssYso0h6wxjW3+ABUp5CeEPpYc9YUy6cy7/SLO2yrPvtEzx0vu79Y9iEF2qSnA=="
+    },
     "normalize-package-data": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.4.0.tgz",

package.json

@@ -44,6 +44,7 @@
     "file-saver": "^1.3.3",
     "html-webpack-template": "^6.0.2",
     "imports-loader": "^0.7.1",
+    "normalize-jss": "^4.0.0",
     "material-ui": "^0.19.4",
     "react-tap-event-plugin": "^3.0.2",
     "url-loader": "^0.5.9",