From 1f21dc27af81ccbf5eb66022410f23d00aa168fe Mon Sep 17 00:00:00 2001
From: Jon Seager <jon@sgrs.uk>
Date: Wed, 11 Feb 2026 10:11:02 +0000
Subject: [PATCH] fix: prevent iOS auto-zoom on input focus

Bump .input-field font-size to 1rem (16px) on mobile so iOS Safari
does not auto-zoom the viewport when focusing text inputs, number
inputs, or searchable selects.
---
 static/css/input.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/static/css/input.css b/static/css/input.css
index 198a833..be0f711 100644
--- a/static/css/input.css
+++ b/static/css/input.css
@@ -179,6 +179,12 @@ input.input-field[type="number"] {
   box-shadow: 0 0 0 2px rgba(194, 65, 12, 0.15);
 }
 
+@media (max-width: 767px) {
+  .input-field {
+    font-size: 1rem; /* 16px — prevents iOS Safari auto-zoom on focus */
+  }
+}
+
 .btn-adjust {
   display: flex;
   height: 2rem;