4 files changed, 30 insertions, 8 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 {
diff --git a/electron/src/renderer/components/Simulator.vue b/electron/src/renderer/components/Simulator.vue
index c6a190fb..66abadd6 100644
--- a/electron/src/renderer/components/Simulator.vue
+++ b/electron/src/renderer/components/Simulator.vue
@@ -189,7 +189,9 @@
             <span class="current-command">{{currentCommand}}</span>
           </fieldset>
           <fieldset class="show-commands">
-            <legend>Show</legend>
+            <legend>
+                <translate>Show</translate>
+            </legend>
             <span>
               <input id="trim-checkbox" type="checkbox" v-model="showTrims"/>
               <label for="trim-checkbox"><font-awesome-icon icon="cut"/> <translate>trims</translate></label>
@@ -211,7 +213,7 @@
                   <font-awesome-icon icon="circle" transform="shrink-9"/>
                   <font-awesome-icon icon="minus" class="fa-thin-line"/>
                 </font-awesome-layers>
-                <span v-translate>needle<br/>points</span>
+                <span v-translate>needle points</span>
               </label>
             </span>
             <span>
diff --git a/electron/src/renderer/main.js b/electron/src/renderer/main.js
index 25a3f7f1..ee7dba02 100644
--- a/electron/src/renderer/main.js
+++ b/electron/src/renderer/main.js
@@ -73,7 +73,7 @@ Vue.component('font-awesome-layers', FontAwesomeLayers)
 Vue.use(Transitions)
 Vue.use(GetTextPlugin, {
   translations: translations,
-  defaultLanguage: selectLanguage(),
+  defaultLanguage: selectLanguage(translations),
   silent: true
 })