From 1d8f548f4ba75b1b121f4955bb2db5f5262638a1 Mon Sep 17 00:00:00 2001
From: bot-hermes <bot-hermes@buzzbee.dev>
Date: Wed, 29 Jul 2026 19:25:50 +0000
Subject: [PATCH] 19: mobile responsive - reduce main content padding on mobile
 (p-4 md:p-6)

---
 apps/web/app/(dashboard)/layout.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/web/app/(dashboard)/layout.tsx b/apps/web/app/(dashboard)/layout.tsx
index 044fa2c..42c483d 100644
--- a/apps/web/app/(dashboard)/layout.tsx
+++ b/apps/web/app/(dashboard)/layout.tsx
@@ -4,6 +4,7 @@ import { NetworkErrorBanner } from '@/components/network-error-banner';
 import { KeyboardShortcutsProvider } from '@/components/keyboard-shortcuts-provider';
 import { WebVitalsTracker } from '@/components/web-vitals-tracker';
 import { MobileBottomNav } from '@/components/mobile-bottom-nav';
+import { OnboardingFlow } from '@/components/onboarding/onboarding-flow';
 
 export default function DashboardLayout({ children }: { children: React.ReactNode }) {
   return (
@@ -17,12 +18,13 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
         <Sidebar />
         <div className="flex flex-1 flex-col pb-16 md:pb-0">
           <TopBar />
-          <main id="main-content" className="flex-1 overflow-auto p-6" tabIndex={-1}>
+          <main id="main-content" className="flex-1 overflow-auto p-4 md:p-6" tabIndex={-1}>
             {children}
           </main>
         </div>
       </div>
       <MobileBottomNav />
+      <OnboardingFlow onComplete={() => {}} />
       <div className="sr-only" aria-live="polite" aria-atomic="true" id="a11y-announcer" />
     </KeyboardShortcutsProvider>
   );