From de2be19b643750bc06512562b60a4f6be5b20d5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Thu, 21 May 2026 21:57:03 +0200
Subject: [PATCH] fix(medications): bump phase-config-dialog Input + Button to
 44 px on mobile

The duration Input and the MIN/% toggle Button were both `h-8` (32 px,
below WCAG 2.5.5) and the Input pinned `text-sm` which defeated the
`Input` primitive's iOS-zoom defence (`text-base md:text-sm`).
Drop the size override on the Input and bump both heights to
`h-11 sm:h-9` so phones get a 44 px target while desktop keeps the
dense row.
---
 src/components/medications/phase-config-dialog.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/medications/phase-config-dialog.tsx b/src/components/medications/phase-config-dialog.tsx
index fb18611b2..7c3ea59cb 100644
--- a/src/components/medications/phase-config-dialog.tsx
+++ b/src/components/medications/phase-config-dialog.tsx
@@ -234,13 +234,13 @@ export function PhaseConfigDialog({
                     onChange={(e) =>
                       updateValue(key, parseInt(e.target.value, 10) || 0)
                     }
-                    className="h-8 w-20 text-sm"
+                    className="h-11 w-20 sm:h-9"
                   />
                   <Button
                     type="button"
                     variant="outline"
                     size="sm"
-                    className="h-8 w-12 px-0 text-xs"
+                    className="h-11 w-12 px-0 text-xs sm:h-9"
                     onClick={() => toggleMode(key)}
                   >
                     {mode === "MINUTES"