feat: utf symbols

src/assets/css/main.css

@@ -81,7 +81,8 @@ input[type="number"] {
 }
 
 input[type="button"] {
-  min-width: 60px;
+  min-width: 36px;
+  min-height: 40px;
   margin: 0 5px;
   padding: 5px;
   font-weight: bold;
@@ -156,6 +157,11 @@ label,
   vertical-align: center;
 }
 
+.next, .stop, .reset {
+  display: inline-block;
+  vertical-align: bottom;
+}
+
 .reset-menu .loop {
   padding: 5px;
   display: inline-block;

src/components/Menu2dCA.vue

@@ -50,13 +50,13 @@
       <input
         type="button"
         name="start2d"
-        value="start"
+        value="▶"
         @click="store.toggleDraw2d()"
       />
     </div>
     <div class="form-field">
       <label>Start from last result</label>
-      <input type="button" value="start" @click="store.toggleDraw2dLast()" />
+      <input type="button" value="▶" @click="store.toggleDraw2dLast()" />
     </div>
     <div class="form-field">
       <label>Start from picture</label><br />

src/components/MenuElementaryCA.vue

@@ -38,7 +38,7 @@
         <input
           type="button"
           name="start"
-          value="start"
+          value="▶"
           @click="store.toggleDraw1d()"
         />
       </div>

src/components/MenuReset.vue

@@ -25,21 +25,21 @@
         type="button"
         name="next"
         class="next"
-        value="next"
+        value="▶"
         @click="store.toggleNext()"
       />
       <input
         type="button"
         name="stop"
         class="stop"
-        value="stop"
+        value="⏹"
         @click="store.toggleStop()"
       />
       <input
         type="button"
         name="reset"
         class="reset"
-        value="reset"
+        value="⌫"
         @click="store.toggleReset()"
       />
     </div>