From 4a6f4919313f786e21e76b48fddd368e00d2e450 Mon Sep 17 00:00:00 2001 From: Ivar Nakken Date: Fri, 13 Sep 2024 22:15:48 +0200 Subject: [PATCH] Set input font size to be 16px on mobile For some dumb reason, any inputs with a smaller font size than `16px` will cause the browser on mobile (I think only Safari) to "zoom" in on the field. On the event registration modal, this causes annoying bugs when trying to search for attendees. --- app/styles/globals.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/app/styles/globals.css b/app/styles/globals.css index 8ff2026e00..21277c9bc9 100644 --- a/app/styles/globals.css +++ b/app/styles/globals.css @@ -110,6 +110,12 @@ th:last-child { border-radius: 0 2em 2em 0; } +input { + @media (--mobile-device) { + font-size: var(--font-size-md); + } +} + label { display: block; }