src/components/MenuCellProperties.vue

@@ -24,6 +24,7 @@
         <input
           name="size"
           type="number"
+          min="1"
           :value="cellProperties.size"
           @input="updateCellProperties"
         >

src/components/MenuGeneralOptions.vue

@@ -2,28 +2,32 @@
   <MenuRow row-title="General Options">
     <form>
       <div class="form-field">
-        <label for="live">Canvas Resolution</label>
+        <label>Canvas Resolution</label>
       </div>
       <div class="form-field">
+        <label>Width</label>
         <input
           id="canvasWidth"
           name="canvasWidth"
           type="number"
+          step="10"
           :value="canvasWidth"
           @input="updateCanvasWidth"
         >
       </div>
       <div class="form-field">
+        <label>Height</label>
         <input
           id="canvasHeight"
           name="canvasHeight"
           type="number"
+          step="10"
           :value="canvasHeight"
           @input="updateCanvasHeight"
         >
       </div>
       <div class="form-field">
-        <label for="live">Refresh Rate (ms)</label>
+        <label>Refresh Rate (ms)</label>
       </div>
       <div class="form-field">
         <input