From 3d0e6ed46c2d45481aa6439c84c813a026172a4e Mon Sep 17 00:00:00 2001
From: Mannu <manohar6839@gmail.com>
Date: Sat, 23 May 2026 19:17:45 +0530
Subject: [PATCH] fix(menu): remove absolute positioning that hid Wardrobe on
 mobile

Settings/Sign Out used absolute bottom-0, overlapping the bottom of the
menu items list on shorter screens. Converted to normal flow with mt-4
and added pb-28 so the list clears the bottom nav bar.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/menu/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index 7719bfd..84e056f 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -32,7 +32,7 @@ export default function MenuPage() {
   };
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-rose-50 to-amber-50 dark:from-gray-900 dark:to-gray-800">
+    <div className="min-h-screen bg-gradient-to-br from-rose-50 to-amber-50 dark:from-gray-900 dark:to-gray-800 pb-28">
       {/* Header */}
       <div className="p-4 flex justify-between items-center">
         <h1 className="text-xl font-bold">Menu</h1>
@@ -54,7 +54,7 @@ export default function MenuPage() {
       </div>
 
       {/* Bottom Section - Settings and Sign Out */}
-      <div className="absolute bottom-0 left-0 right-0 p-4 space-y-2">
+      <div className="px-4 mt-4 space-y-2">
         <Link
           href="/settings"
           className="flex items-center gap-4 p-4 bg-white dark:bg-gray-800 rounded-xl"