The .field inputs on sign-in and sign-up were 14px. iOS Safari zooms the page when a focused input is under 16px and leaves it zoomed and scrolled sideways, so the whole auth funnel started with a jolt on a phone. 16px is the threshold Safari checks.
Measured at 375×812 on the rendered /login, before → after:
- computed input font-size 14px → 16px
- field height 42px → 45px; no horizontal overflow; the form still ends at y=533 of 812
The <main> class order is also put in the order pickier wants, which was the one warning on this file.
tests/Unit/MobileLayout.test.ts pins both the 16px floor and that the auth viewport meta leaves pinch-zoom available.
commshq deploys on every push to main without a CI gate, so this was checked locally as well: the new test passes and pickier is clean on both files.