diff --git a/src/app/bugreport/page.tsx b/src/app/bugreport/page.tsx index c9c920058..7ecef4e74 100644 --- a/src/app/bugreport/page.tsx +++ b/src/app/bugreport/page.tsx @@ -207,7 +207,9 @@ export default function BugReportPage() { minLength={10} maxLength={5000} rows={8} - className="border-input bg-background text-foreground placeholder:text-muted-foreground focus-visible:ring-ring w-full rounded-md border px-3 py-2 text-sm focus-visible:ring-2 focus-visible:outline-none" + // text-base on mobile so iOS Safari doesn't zoom on + // focus; text-sm on sm+ keeps the compact desktop look. + className="border-input bg-background text-foreground placeholder:text-muted-foreground focus-visible:ring-ring w-full rounded-md border px-3 py-2 text-base focus-visible:ring-2 focus-visible:outline-none sm:text-sm" /> diff --git a/src/app/medications/page.tsx b/src/app/medications/page.tsx index 1b90cc4b3..9797f4b0e 100644 --- a/src/app/medications/page.tsx +++ b/src/app/medications/page.tsx @@ -466,7 +466,9 @@ function IntakeImportDialog({ onChange={(e) => setJsonText(e.target.value)} placeholder={t("medications.importPaste")} rows={8} - className="border-input bg-background text-foreground placeholder:text-muted-foreground focus-visible:ring-ring w-full rounded-md border px-3 py-2 font-mono text-sm focus-visible:ring-2 focus-visible:outline-none" + // text-base on mobile so iOS Safari doesn't zoom on + // focus; text-sm on sm+ for the compact import textarea. + className="border-input bg-background text-foreground placeholder:text-muted-foreground focus-visible:ring-ring w-full rounded-md border px-3 py-2 font-mono text-base focus-visible:ring-2 focus-visible:outline-none sm:text-sm" /> {result && (