From bda59f1c2a32dfde7e432eedfc406ed2c80fed50 Mon Sep 17 00:00:00 2001
From: Jon Seager <jon@sgrs.uk>
Date: Mon, 2 Feb 2026 19:59:51 +0000
Subject: [PATCH] fix(brews): allow arbitrary values in numeric form fields
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change step to "any" for coffee weight, grind setting, water volume,
  and temperature inputs to allow arbitrary decimal values
- Keep +/- button increments unchanged (0.5g weight, 0.5 grind, 10ml
  water, 0.5°C temp)
---
 templates/brews.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/templates/brews.html b/templates/brews.html
index 3c1bce1..42ca45f 100644
--- a/templates/brews.html
+++ b/templates/brews.html
@@ -91,9 +91,9 @@
         <div class="flex flex-col gap-1 text-sm">
           <span class="text-stone-700">Coffee (g) *</span>
           <div class="flex items-center gap-2">
-            <button type="button" class="btn-adjust" data-on:click="$weight = Math.max(1, $weight - 1)">-</button>
-            <input type="number" name="coffee_weight" step="0.5" min="1" required class="input-field flex-1 text-center" data-attr:value="$weight" data-on:input="$weight = this.valueAsNumber" />
-            <button type="button" class="btn-adjust" data-on:click="$weight = $weight + 1">+</button>
+            <button type="button" class="btn-adjust" data-on:click="$weight = Math.max(1, $weight - 0.5)">-</button>
+            <input type="number" name="coffee_weight" step="any" min="1" required class="input-field flex-1 text-center" data-attr:value="$weight" data-on:input="$weight = this.valueAsNumber" />
+            <button type="button" class="btn-adjust" data-on:click="$weight = $weight + 0.5">+</button>
           </div>
         </div>
 
@@ -102,7 +102,7 @@
           <span class="text-stone-700">Grind Setting *</span>
           <div class="flex items-center gap-2">
             <button type="button" class="btn-adjust" data-on:click="$grind = Math.max(0, $grind - 0.5)">-</button>
-            <input type="number" name="grind_setting" step="0.5" min="0" required class="input-field flex-1 text-center" data-attr:value="$grind" data-on:input="$grind = this.valueAsNumber" />
+            <input type="number" name="grind_setting" step="any" min="0" required class="input-field flex-1 text-center" data-attr:value="$grind" data-on:input="$grind = this.valueAsNumber" />
             <button type="button" class="btn-adjust" data-on:click="$grind = $grind + 0.5">+</button>
           </div>
         </div>
@@ -112,7 +112,7 @@
           <span class="text-stone-700">Water (ml) *</span>
           <div class="flex items-center gap-2">
             <button type="button" class="btn-adjust" data-on:click="$volume = Math.max(10, $volume - 10)">-</button>
-            <input type="number" name="water_volume" step="10" min="10" required class="input-field flex-1 text-center" data-attr:value="$volume" data-on:input="$volume = this.valueAsNumber" />
+            <input type="number" name="water_volume" step="any" min="10" required class="input-field flex-1 text-center" data-attr:value="$volume" data-on:input="$volume = this.valueAsNumber" />
             <button type="button" class="btn-adjust" data-on:click="$volume = $volume + 10">+</button>
           </div>
         </div>
@@ -122,7 +122,7 @@
           <span class="text-stone-700">Temp (C) *</span>
           <div class="flex items-center gap-2">
             <button type="button" class="btn-adjust" data-on:click="$temp = Math.max(0, $temp - 0.5)">-</button>
-            <input type="number" name="water_temp" step="0.5" min="0" max="100" required class="input-field flex-1 text-center" data-attr:value="$temp" data-on:input="$temp = this.valueAsNumber" />
+            <input type="number" name="water_temp" step="any" min="0" max="100" required class="input-field flex-1 text-center" data-attr:value="$temp" data-on:input="$temp = this.valueAsNumber" />
             <button type="button" class="btn-adjust" data-on:click="$temp = Math.min(100, $temp + 0.5)">+</button>
           </div>
         </div>