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.
This commit is contained in:
Marc-André Bombeck committed 2026-05-21 22:09:12 +02:00
1 parent 97d39fc3d5
commit de2be19b64
1 file changed
+2 -2
@@ -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"