From 4193557e6c35f8b7defdd9b7b4343db8c73a5f2f Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 12 Jul 2026 03:41:58 +0000
Subject: [PATCH] fix: remove iOS-specific mobile styling

Drop the apple-mobile-web-app meta tags in index.html and the
@supports(-webkit-touch-callout) blocks in pwa.css (Safari bounce
fix, 16px input font, .mobile-nav-ios, .fab-nav-offset) along with
the now-unused fab-nav-offset class reference.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_019kzvDpJHWWFUK3kjnDFEkD
---
 index.html                     |  4 --
 public/pwa.css                 | 80 ----------------------------------
 src/components/NewTaskForm.tsx |  2 +-
 3 files changed, 1 insertion(+), 85 deletions(-)

diff --git a/index.html b/index.html
index 24c0ac4..87f9e27 100644
--- a/index.html
+++ b/index.html
@@ -23,10 +23,6 @@
     />
     <meta name="theme-color" content="#3b82f6" />
 
-    <!-- iOS Specific Meta Tags -->
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-
     <!-- Microsoft Specific Meta Tags -->
     <meta name="msapplication-TileColor" content="#3b82f6" />
     <meta name="msapplication-TileImage" content="/icons/icon-144x144.png" />
diff --git a/public/pwa.css b/public/pwa.css
index ef6a046..1a9e93a 100644
--- a/public/pwa.css
+++ b/public/pwa.css
@@ -87,14 +87,6 @@ body {
   overscroll-behavior-y: contain;
 }
 
-/* Restore native rubber-band bounce on iOS — body is fixed/overflow:hidden there
-   so this applies to #root (the actual scroll container). */
-@supports (-webkit-touch-callout: none) {
-  #root {
-    overscroll-behavior-y: auto;
-  }
-}
-
 /* Improve button touch targets on mobile */
 @media (max-width: 768px) {
   button:not([aria-hidden='true']) {
@@ -163,84 +155,12 @@ body {
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
 }
 
-/* Ensure focused inputs scroll into view above the keyboard with enough clearance */
-@supports (-webkit-touch-callout: none) {
-  input:focus,
-  textarea:focus,
-  select:focus {
-    scroll-margin-bottom: 24px;
-  }
-}
-
-/* iOS specific fixes */
-@supports (-webkit-touch-callout: none) {
-  /* Fix iOS safari bounce */
-  body {
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-  }
-
-  #root {
-    overflow-y: auto;
-    height: 100%;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  /* Fix iOS input zoom */
-  input[type='text'],
-  input[type='email'],
-  input[type='password'],
-  input[type='number'],
-  select,
-  textarea {
-    font-size: 16px !important;
-  }
-
-  /* iOS PWA bottom navigation fix */
-  .mobile-nav-ios {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    z-index: 9999;
-    padding-bottom: env(safe-area-inset-bottom);
-    backdrop-filter: blur(10px);
-    -webkit-backdrop-filter: blur(10px);
-    background-color: rgba(255, 255, 255, 0.95);
-  }
-
-  /* Dark mode support for iOS navigation */
-  .dark .mobile-nav-ios {
-    background-color: rgba(9, 9, 11, 0.95);
-  }
-
-  /* Ensure body padding accounts for nav + safe area */
-  @media (max-width: 768px) {
-    body {
-      padding-bottom: 0 !important;
-    }
-
-    #root {
-      padding-bottom: calc(4rem + env(safe-area-inset-bottom, 0px));
-    }
-  }
-}
-
 /* Prevent scroll from leaking through open bottom sheets to the page beneath */
 [data-vaul-drawer] {
   touch-action: pan-y;
   overscroll-behavior: contain;
 }
 
-/* Lift the floating action button above the mobile nav + home indicator */
-@supports (-webkit-touch-callout: none) {
-  .fab-nav-offset {
-    bottom: calc(4rem + env(safe-area-inset-bottom, 0px)) !important;
-  }
-}
-
 /* Page transitions via CSS View Transitions API */
 @keyframes slideInFromRight {
   from {
diff --git a/src/components/NewTaskForm.tsx b/src/components/NewTaskForm.tsx
index 783b58a..96c198b 100644
--- a/src/components/NewTaskForm.tsx
+++ b/src/components/NewTaskForm.tsx
@@ -63,7 +63,7 @@ export const NewTaskForm: React.FC<NewTaskFormProps> = ({ onSubmit, onCancel, de
       <Button
         variant="default"
         onClick={() => setIsOpen(true)}
-        className="fixed bottom-16 fab-nav-offset md:bottom-6 right-6 w-16 h-16 rounded-full text-white text-md shadow-2xl hover:shadow-3xl transition-all duration-200 flex items-center justify-center z-50 hover:scale-110"
+        className="fixed bottom-16 md:bottom-6 right-6 w-16 h-16 rounded-full text-white text-md shadow-2xl hover:shadow-3xl transition-all duration-200 flex items-center justify-center z-50 hover:scale-110"
         aria-label="New Task"
       >
         <Plus style={{ fontSize: "1.5rem", width: "1.5rem", height: "1.5rem" }} />