From e12567ea3cb7db6302cee797587571511fc75527 Mon Sep 17 00:00:00 2001
From: Jack Levy <YOUR_GITEA_NOREPLY_EMAIL_HERE>
Date: Sun, 15 Mar 2026 19:48:25 -0400
Subject: [PATCH] fix: prevent iOS auto-zoom on notifications page select
 elements

iOS Safari zooms the page when focusing a select/input with font-size < 16px.
Bump all select elements on the notifications page to text-base (16px).

Authored by: Jack Levy
---
 frontend/app/notifications/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/app/notifications/page.tsx b/frontend/app/notifications/page.tsx
index b405ed0..c9be3ae 100644
--- a/frontend/app/notifications/page.tsx
+++ b/frontend/app/notifications/page.tsx
@@ -777,7 +777,7 @@ export default function NotificationsPage() {
                         {unmutedMembers.length > 0 && (
                           <select value=""
                             onChange={(e) => { const id = e.target.value; if (id) setMutedMemberIds((prev) => [...prev, id]); }}
-                            className="text-xs px-2 py-1.5 bg-background border border-border rounded-md">
+                            className="text-base px-2 py-1.5 bg-background border border-border rounded-md">
                             <option value="" disabled>Mute a member…</option>
                             {unmutedMembers.map((f) => (
                               <option key={f.follow_value} value={f.follow_value}>
@@ -835,7 +835,7 @@ export default function NotificationsPage() {
                         {unmutedTopics.length > 0 && (
                           <select value=""
                             onChange={(e) => { const tag = e.target.value; if (tag) setMutedTopicTags((prev) => [...prev, tag]); }}
-                            className="text-xs px-2 py-1.5 bg-background border border-border rounded-md">
+                            className="text-base px-2 py-1.5 bg-background border border-border rounded-md">
                             <option value="" disabled>Mute a topic…</option>
                             {unmutedTopics.map((f) => (
                               <option key={f.follow_value} value={f.follow_value}>{f.follow_value}</option>
@@ -884,14 +884,14 @@ export default function NotificationsPage() {
               <div className="flex items-center gap-2">
                 <label className="text-sm text-muted-foreground">From</label>
                 <select value={quietStart} onChange={(e) => setQuietStart(Number(e.target.value))}
-                  className="px-2 py-1.5 text-sm bg-background border border-border rounded-md">
+                  className="px-2 py-1.5 text-base bg-background border border-border rounded-md">
                   {HOURS.map(({ value, label }) => <option key={value} value={value}>{label}</option>)}
                 </select>
               </div>
               <div className="flex items-center gap-2">
                 <label className="text-sm text-muted-foreground">To</label>
                 <select value={quietEnd} onChange={(e) => setQuietEnd(Number(e.target.value))}
-                  className="px-2 py-1.5 text-sm bg-background border border-border rounded-md">
+                  className="px-2 py-1.5 text-base bg-background border border-border rounded-md">
                   {HOURS.map(({ value, label }) => <option key={value} value={value}>{label}</option>)}
                 </select>
               </div>