Update for Inkscape 1.0 (#880)

* update for inkscape 1.0
* add about extension
* Build improvements for the inkscape1.0 branch (#985)
* zip: export real svg not stitch plan
* #411 and #726
* Tools for Font Creators (#1018)
* ignore very small holes in fills
* remove embroider (#1026)
* auto_fill: ignore shrink_or_grow if result is empty (#589)
* break apart: do not ignore small fills

Co-authored-by: Hagen Fritsch <rumpeltux-github@irgendwo.org>
Co-authored-by: Lex Neva <github.com@lexneva.name>

2 files changed, 25 insertions, 5 deletions

diff --git a/electron/src/renderer/assets/js/simulator.js b/electron/src/renderer/assets/js/simulator.js
index 638f0ca2..6c251a59 100644
--- a/electron/src/renderer/assets/js/simulator.js
+++ b/electron/src/renderer/assets/js/simulator.js
@@ -126,7 +126,7 @@ export default {
         return ""
       }
 
-      let label = "STITCH"
+      let label = this.$gettext("STITCH")
       switch (true) {
         case stitch.jump:
           label = this.$gettext("JUMP")
diff --git a/electron/src/renderer/assets/style/simulator.css b/electron/src/renderer/assets/style/simulator.css
index 7da1d9ef..30e601b0 100644
--- a/electron/src/renderer/assets/style/simulator.css
+++ b/electron/src/renderer/assets/style/simulator.css
@@ -20,7 +20,18 @@
 }
 
 button {
-  color: rgb(0, 51, 153)
+  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;
 }
 
 .fa-spin-fast {
@@ -59,11 +70,13 @@ button {
   text-align: center;
   flex: 1;
   white-space: nowrap;
+  margin: 0 5px;
 }
 
 fieldset {
   border: 2px solid rgb(0, 51, 153);
   position: relative;
+  padding: 0 5px
 }
 
 .window-controls {
@@ -142,6 +155,10 @@ fieldset.show-commands {
   text-align: left;
 }
 
+fieldset.show-commands legend {
+  text-align: center;
+}
+
 fieldset.show-commands span {
   display: inline-block;
   vertical-align: top;
@@ -152,7 +169,7 @@ fieldset.show-commands span.npp {
 }
 
 fieldset.show-commands span:first-of-type {
-  padding-right: 12px;
+  padding: 0 5px;
 }
 
 button.pressed {
@@ -164,8 +181,7 @@ button.pressed {
 }
 
 .slider-container {
-  margin-top: 25px;
-  margin-bottom: 25px;
+  margin: 25px 5px;
   flex-grow: 0;
 }
 
@@ -244,12 +260,15 @@ button.pressed {
   width: 4rem;
   float: right;
   font-size: 1rem;
+  border-style: inset;
+  padding: 0 3px;
 }
 
 .simulator {
   display: flex;
   flex-direction: column;
   height: 95vh;
+  margin: 10px;
 }
 
 .current-command {
@@ -269,6 +288,7 @@ div.simulator::v-deep svg.simulation {
 div.simulator::v-deep svg.simulation-scale {
   height: 50px;
   order: -1;
+  margin-left: 5px;
 }
 
 div.simulator::v-deep .simulation-scale-label {