From 73e690aa07041cb2967c310a4934ec24fe2ff944 Mon Sep 17 00:00:00 2001
From: Gator <gator@ariona.fr>
Date: Mon, 10 Jan 2022 21:01:39 +0100
Subject: [PATCH] fluff pour number inputs

---
 src/components/MenuCellProperties.vue | 1 +
 src/components/MenuGeneralOptions.vue | 8 ++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/MenuCellProperties.vue b/src/components/MenuCellProperties.vue
index abc7daa..b1b6efc 100644
--- a/src/components/MenuCellProperties.vue
+++ b/src/components/MenuCellProperties.vue
@@ -24,6 +24,7 @@
         <input
           name="size"
           type="number"
+          min="1"
           :value="cellProperties.size"
           @input="updateCellProperties"
         >
diff --git a/src/components/MenuGeneralOptions.vue b/src/components/MenuGeneralOptions.vue
index df419ff..fb858e6 100644
--- a/src/components/MenuGeneralOptions.vue
+++ b/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