From 8d7a1d80c2bcdd94c75af4edf8c400f0fdea7f63 Mon Sep 17 00:00:00 2001
From: Codex Agent <codex-agent@example.com>
Date: Wed, 4 Feb 2026 09:49:52 +0100
Subject: [PATCH] Match bottom padding to nav height

---
 resources/js/admin/mobile/components/BottomNav.tsx   | 1 +
 resources/js/admin/mobile/components/MobileShell.tsx | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/resources/js/admin/mobile/components/BottomNav.tsx b/resources/js/admin/mobile/components/BottomNav.tsx
index e88cf4b1..11a0958d 100644
--- a/resources/js/admin/mobile/components/BottomNav.tsx
+++ b/resources/js/admin/mobile/components/BottomNav.tsx
@@ -9,6 +9,7 @@ import { useAdminTheme } from '../theme';
 import { adminPath } from '../../constants';
 
 const ICON_SIZE = 24;
+export const BOTTOM_NAV_HEIGHT = 70;
 
 export type NavKey = 'home' | 'tasks' | 'uploads' | 'profile';
 
diff --git a/resources/js/admin/mobile/components/MobileShell.tsx b/resources/js/admin/mobile/components/MobileShell.tsx
index 756bbf5b..84962248 100644
--- a/resources/js/admin/mobile/components/MobileShell.tsx
+++ b/resources/js/admin/mobile/components/MobileShell.tsx
@@ -5,7 +5,7 @@ import { YStack, XStack, SizableText as Text, Image } from 'tamagui';
 import { Pressable } from '@tamagui/react-native-web-lite';
 import { useTranslation } from 'react-i18next';
 import { useEventContext } from '../../context/EventContext';
-import { BottomNav, NavKey } from './BottomNav';
+import { BottomNav, BOTTOM_NAV_HEIGHT, NavKey } from './BottomNav';
 import { useMobileNav } from '../hooks/useMobileNav';
 import { ADMIN_EVENTS_PATH, adminPath } from '../../constants';
 import { MobileCard, CTAButton } from './Primitives';
@@ -332,7 +332,7 @@ export function MobileShell({ title, subtitle, children, activeTab, onBack, head
         gap="$3"
         width="100%"
         maxWidth={800}
-        style={{ paddingBottom: 'calc(env(safe-area-inset-bottom, 0px) + 128px)' }}
+        style={{ paddingBottom: `calc(env(safe-area-inset-bottom, 0px) + ${BOTTOM_NAV_HEIGHT}px)` }}
       >
         {!online ? (
           <XStack alignItems="center" justifyContent="center" borderRadius={12} backgroundColor={theme.warningBg} paddingVertical="$2" paddingHorizontal="$3">