1 files changed, 24 insertions, 4 deletions
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 {