update demos

demos/src/_variables.css

@@ -3,6 +3,7 @@ $color-1-light: rgba(27, 188, 155, 0.6);
 $color-1-lighter: rgba(27, 188, 155, 0.3);
 $color-2: #69707a;
 $color-3: #393E46;
+$color-4: #F22613;
 $color-err: #D24D57;
 
 $font-1: 'Fira Sans', sans-serif;

demos/src/mnist-cnn.css

@@ -51,7 +51,7 @@
         }
       }
 
-      .input-clear {
+      .input-buttons {
         display: flex;
         align-items: center;
         justify-content: flex-end;
@@ -62,6 +62,10 @@
           color: $color-2;
           transition: color 0.2s ease-in;
 
+          .material-icons {
+            margin-right: 5px;
+          }
+
           &:hover {
             color: $color-1-lighter;
             cursor: pointer;

demos/src/mnist-cnn.template.html

@@ -32,8 +32,8 @@
           <canvas id="input-canvas-scaled" width="28" height="28" style="display:none;"></canvas>
           <canvas id="input-canvas-centercrop" style="display:none;"></canvas>
         </div>
-        <div class="input-clear" v-on:click="clear">
-          <div class="input-clear-button"><i class="material-icons">clear</i>CLEAR</div>
+        <div class="input-buttons">
+          <div class="input-clear-button" v-on:click="clear"><i class="material-icons">clear</i>CLEAR</div>
         </div>
       </div>
     </div>