mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-09 13:01:00 +00:00
Settings inputs and selects rendered at four different heights on Pixel 5: 32 px (AI add-provider), 36 px (account form, export, ntfy / telegram), 40 px (AI active-provider) and 44 px (dashboard "Compare to" trigger). The mismatch was visible whenever two cards lived next to each other, e.g. the 40-px provider select sat directly above a 32-px "Add provider" select inside the same column. Standardize on the shared 36-px contract (`h-9`, matching `<Input>` and the default `<SelectTrigger>` size) for every text-entry field across Settings: - AI active-provider native select: `h-10` -> `h-9` - AI fallback-chain "Add provider" native select: `h-8` -> `h-9` - Dashboard "Compare to" `<SelectTrigger>`: drop `min-h-11` so the default `h-9` applies The 44-px tap-target floor (WCAG 2.5.5) still applies to mobile nav-level controls; for inline form fields the 36-px height matches the rest of the settings shell and the desktop sidebar. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>