From effe6d23906435eda08d59af3a67ce708b6b54cf Mon Sep 17 00:00:00 2001
From: Codex Agent <codex-agent@example.com>
Date: Tue, 3 Feb 2026 21:58:10 +0100
Subject: [PATCH] Adjust guest v2 fab sizing

---
 resources/js/guest-v2/components/AppShell.tsx      | 14 ++++++--------
 .../guest-v2/components/FloatingActionButton.tsx   |  6 +++---
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/resources/js/guest-v2/components/AppShell.tsx b/resources/js/guest-v2/components/AppShell.tsx
index 9f63020e..85e0ada7 100644
--- a/resources/js/guest-v2/components/AppShell.tsx
+++ b/resources/js/guest-v2/components/AppShell.tsx
@@ -133,7 +133,7 @@ export default function AppShell({ children }: AppShellProps) {
         {showFab ? (
           isUploadRoute ? (
             <Button
-              size="$5"
+              size="$6"
               circular
               position="fixed"
               bottom={28}
@@ -142,12 +142,12 @@ export default function AppShell({ children }: AppShellProps) {
               backgroundColor={dockBackground}
               borderWidth={1}
               borderColor={dockBorder}
-              width={72}
-              height={72}
+              width={88}
+              height={88}
               onPress={openCompass}
               style={{ boxShadow: dockShadow }}
             >
-              <Menu size={24} color={actionIconColor} />
+              <Menu size={28} color={actionIconColor} />
             </Button>
           ) : (
             <XStack
@@ -180,17 +180,15 @@ export default function AppShell({ children }: AppShellProps) {
                 inline
               />
               <Button
-                size="$5"
+                size="$3"
                 circular
                 backgroundColor={isDark ? 'rgba(12, 16, 32, 0.75)' : 'rgba(255, 255, 255, 0.9)'}
                 borderWidth={1}
                 borderColor={dockBorder}
-                width={72}
-                height={72}
                 onPress={openCompass}
                 style={{ boxShadow: isDark ? '0 10px 20px rgba(2, 6, 23, 0.45)' : '0 8px 16px rgba(15, 23, 42, 0.14)' }}
               >
-                <Menu size={24} color={actionIconColor} />
+                <Menu size={16} color={actionIconColor} />
               </Button>
             </XStack>
           )
diff --git a/resources/js/guest-v2/components/FloatingActionButton.tsx b/resources/js/guest-v2/components/FloatingActionButton.tsx
index 122eca22..30af8bd4 100644
--- a/resources/js/guest-v2/components/FloatingActionButton.tsx
+++ b/resources/js/guest-v2/components/FloatingActionButton.tsx
@@ -42,8 +42,8 @@ export default function FloatingActionButton({ onPress, onLongPress, hidden = fa
       bottom={inline ? undefined : 20}
       left={inline ? undefined : '50%'}
       zIndex={1100}
-      width={68}
-      height={68}
+      width={76}
+      height={76}
       borderRadius={999}
       backgroundColor="$primary"
       borderWidth={0}
@@ -62,7 +62,7 @@ export default function FloatingActionButton({ onPress, onLongPress, hidden = fa
           : '0 18px 32px rgba(15, 23, 42, 0.2), 0 0 0 8px rgba(255, 255, 255, 0.7)',
       }}
     >
-      <Camera size={26} color="white" />
+      <Camera size={30} color="white" />
     </Button>
   );
 }