From c66812007c27dd54c42e6fcdfce4e2d127fce345 Mon Sep 17 00:00:00 2001
From: Erik Arne <erik.arne.eth@gmail.com>
Date: Wed, 10 Dec 2025 16:19:07 +0000
Subject: [PATCH] Improve responsive layout in GeneralLayout

---
 src/components/layouts/GeneralLayout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/layouts/GeneralLayout.tsx b/src/components/layouts/GeneralLayout.tsx
index 5a9be44..6d9b5f6 100644
--- a/src/components/layouts/GeneralLayout.tsx
+++ b/src/components/layouts/GeneralLayout.tsx
@@ -13,7 +13,7 @@ export function GeneralLayout({ children }: { children: React.ReactNode }) {
       {isMobile ? (
         <Sheet>
           <SheetTrigger asChild>
-            <Button variant='outline' size='icon' className='fixed left-4 top-4 z-50 md:hidden'>
+                        <Button variant='outline' size='icon' className='fixed left-2 top-2 z-50 md:hidden'>
               <MenuIcon className='h-5 w-5' />
               <span className='sr-only'>Toggle Menu</span>
             </Button>
@@ -29,7 +29,7 @@ export function GeneralLayout({ children }: { children: React.ReactNode }) {
       )}
       <div className='flex flex-col'>
         <Header />
-        <main className='flex flex-1 flex-col gap-4 px-4 py-3 lg:gap-6 sm:px-6 sm:py-4'>{children}</main>
+        <main className='flex flex-1 flex-col gap-2 px-2 py-2 lg:gap-6 sm:px-4 sm:py-3'>{children}</main>
       </div>
     </div>
   );