Revert some electron updates (#1660)

electron/package.json

@@ -61,6 +61,7 @@
     "@svgdotjs/svg.js": "^3.0.16",
     "@svgdotjs/svg.panzoom.js": "https://github.com/inkstitch/svg.panzoom.js",
     "axios": "^0.19.0",
+    "electron-compile":  "^6.4.4",
     "lodash.throttle": "^4.1.1",
     "mousetrap": "^1.6.3",
     "query-string": "^6.8.2",
@@ -93,10 +94,11 @@
     "del": "^3.0.0",
     "devtron": "^1.4.0",
     "easygettext": "^2.7.0",
-    "electron": "11.2.0",
+    "electron": "4.1.3",
     "electron-builder": "22.8.0",
-    "electron-debug": "^3.0.0",
-    "electron-devtools-installer": "^3.2.0",
+    "electron-debug": "^1.5.0",
+    "electron-devtools-installer": "^2.2.4",
+    "electron-prebuilt-compile": "4.0.0",
     "eslint": "^4.19.1",
     "eslint-config-standard": "^11.0.0",
     "eslint-friendly-formatter": "^4.0.1",

electron/src/renderer/assets/style/simulator.css

@@ -29,17 +29,17 @@
 
 button {
   color: rgb(0, 51, 153);
-    align-items: flex-start;
-    text-align: center;
-    cursor: default;
-    background-color: buttonface;
-    box-sizing: border-box;
-    padding: 2px 6px 3px;
-    border-width: 2px;
-    border-style: outset;
-    border-color: buttonface;
-    border-image: initial;
-    margin-bottom: 5px;
+  align-items: flex-start;
+  text-align: center;
+  cursor: default;
+  background-color: buttonface;
+  box-sizing: border-box;
+  padding: 2px 6px 3px;
+  border-width: 2px;
+  border-style: outset;
+  border-color: buttonface;
+  border-image: initial;
+  margin-bottom: 5px;
 }
 
 .fa-spin-fast {
@@ -84,7 +84,8 @@ button {
 fieldset {
   border: 2px solid rgb(0, 51, 153);
   position: relative;
-  padding: 0 5px
+  padding: 0 5px;
+  font-size: 90%;
 }
 
 .window-controls {
@@ -182,6 +183,7 @@ button.pressed {
 
 .vue-slider {
   height: 25px !important;
+  margin-bottom: 14px;
 }
 
 .slider-container {