From 596ec75b7c7403467b71233feb201e326bcb93d4 Mon Sep 17 00:00:00 2001
From: Ricardo Campos <ricardompcampos@gmail.com>
Date: Thu, 24 Sep 2026 22:15:03 +0200
Subject: [PATCH] fix: screen zomming on ios when writing notes

---
 client/src/styles/custom.scss      | 9 +++++++++
 client/src/views/NoteAdd/index.tsx | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/client/src/styles/custom.scss b/client/src/styles/custom.scss
index ec301a30..68f7ee96 100644
--- a/client/src/styles/custom.scss
+++ b/client/src/styles/custom.scss
@@ -208,6 +208,15 @@ a:hover, .btn-link:hover {
   font-size: 14px;
 }
 
+.note-content-input {
+  font-size: 14px;
+
+  /* iOS Safari zooms the page when focusing inputs under 16px */
+  @media (max-width: 576px) {
+    font-size: 16px;
+  }
+}
+
 .task-note-external-link {
   margin-left: 0.5rem;
 }
diff --git a/client/src/views/NoteAdd/index.tsx b/client/src/views/NoteAdd/index.tsx
index 4253009f..e75db5ab 100644
--- a/client/src/views/NoteAdd/index.tsx
+++ b/client/src/views/NoteAdd/index.tsx
@@ -530,7 +530,7 @@ function NoteAdd(): React.ReactNode {
                     </small>
                   </Form.Label>
                   <Form.Control
-                    className="font-size-14"
+                    className="note-content-input"
                     as="textarea"
                     required={true}
                     size="lg"