From 0b33fca006da75fd06fd64348f9465bafe83b0c7 Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Mon, 15 Jun 2026 12:29:10 +0200
Subject: [PATCH] appview/login,signup: increase font size when <md to prevent
 focus zoom

safari on ios zooms on inputs if the font size is set to a value smaller
than 16px. setting the font size of <input> elements when the viewport
is smaller than `md` prevents that behavior

a broader fix would be to patch all inputs to behave that way. this
would require more manual work, this could be a point of focus when
transitioning to a better frontend framework.

resolves
[TAN-506](https://linear.app/tangled/issue/TAN-506/stop-safari-from-zooming-on-text-inputs)

Signed-off-by: eti <eti@eti.tf>
---
 appview/pages/templates/timeline/fragments/hero.html           | 2 +-
 appview/pages/templates/timeline/fragments/newsletterForm.html | 2 +-
 appview/pages/templates/user/completeSignup.html               | 3 +++
 appview/pages/templates/user/login.html                        | 2 +-
 appview/pages/templates/user/signup.html                       | 1 +
 5 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/appview/pages/templates/timeline/fragments/hero.html b/appview/pages/templates/timeline/fragments/hero.html
index c35dce59..1b58709e 100644
--- a/appview/pages/templates/timeline/fragments/hero.html
+++ b/appview/pages/templates/timeline/fragments/hero.html
@@ -18,7 +18,7 @@
               tabindex="4"
               required
               placeholder="Enter your email"
-              class="py-2 w-full md:w-fit"
+              class="py-2 w-full md:w-fit text-lg md:text-base"
           />
           <button class="btn-create flex items-center gap-2 text-base whitespace-nowrap" type="submit">
             Join now
diff --git a/appview/pages/templates/timeline/fragments/newsletterForm.html b/appview/pages/templates/timeline/fragments/newsletterForm.html
index 16a61329..a60dab82 100644
--- a/appview/pages/templates/timeline/fragments/newsletterForm.html
+++ b/appview/pages/templates/timeline/fragments/newsletterForm.html
@@ -15,7 +15,7 @@
           tabindex="4"
           required
           placeholder="Enter your email"
-          class="py-2 w-full" />
+          class="py-2 w-full text-lg md:text-base" />
         <button class="btn-create flex items-center gap-2 text-base whitespace-nowrap" type="submit">
           Subscribe
           {{ i "arrow-right" "size-4" }}
diff --git a/appview/pages/templates/user/completeSignup.html b/appview/pages/templates/user/completeSignup.html
index 608a2f09..978faa2c 100644
--- a/appview/pages/templates/user/completeSignup.html
+++ b/appview/pages/templates/user/completeSignup.html
@@ -16,6 +16,7 @@
               tabindex="1"
               required
               placeholder="tngl-sh-foo-bar"
+              class="text-lg md:text-base"
           />
           <span class="text-sm text-gray-500 mt-1">
               Enter the code sent to your email.
@@ -31,6 +32,7 @@
               tabindex="2"
               required
               placeholder="jason"
+              class="text-lg md:text-base"
           />
           <span class="text-sm text-gray-500 mt-1">
               Your complete handle will be of the form <code>user.tngl.sh</code>.
@@ -45,6 +47,7 @@
               name="password"
               tabindex="3"
               required
+              class="text-lg md:text-base"
           />
           <span class="text-sm text-gray-500 mt-1">
               Choose a strong password for your account.
diff --git a/appview/pages/templates/user/login.html b/appview/pages/templates/user/login.html
index 29adfeb0..2fcffec7 100644
--- a/appview/pages/templates/user/login.html
+++ b/appview/pages/templates/user/login.html
@@ -69,6 +69,7 @@
               tabindex="1"
               required
               placeholder="akshay.tngl.sh"
+              class="text-lg md:text-base"
           />
           <span class="text-sm text-gray-500 mt-1">
               Use your <a href="https://atproto.com">AT Protocol</a>
@@ -114,4 +115,3 @@
 
   <p id="login-msg" class="error w-full"></p>
 {{ end }}
-
diff --git a/appview/pages/templates/user/signup.html b/appview/pages/templates/user/signup.html
index b1cdcafa..f2e8ca1f 100644
--- a/appview/pages/templates/user/signup.html
+++ b/appview/pages/templates/user/signup.html
@@ -21,6 +21,7 @@
             required
             placeholder="jason@bourne.co"
             value="{{ .EmailId }}"
+            class="text-lg md:text-base"
         />
     </div>
     <span class="text-sm text-gray-500 mt-1">
-- 
2.51.2