From c5c4e1f72585cab8e7d921bf3f426650973e44c9 Mon Sep 17 00:00:00 2001
From: lizerk <lizerk-dev@gmail.com>
Date: Thu, 14 May 2026 16:03:50 +0300
Subject: [PATCH] Adjust app shell top spacing

---
 frontend/src/components/AppShell.tsx                 | 4 ++--
 frontend/src/components/calendar/CalendarSidebar.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/AppShell.tsx b/frontend/src/components/AppShell.tsx
index fe408bb5..630204ad 100644
--- a/frontend/src/components/AppShell.tsx
+++ b/frontend/src/components/AppShell.tsx
@@ -392,7 +392,7 @@ function LeftNav({ fixedDesktop = false }: { fixedDesktop?: boolean }) {
       <div
         className={`space-y-4 lg:overflow-y-auto ${
           fixedDesktop
-            ? "lg:fixed lg:top-0 lg:bottom-0 lg:w-64 lg:pt-[5.5rem] lg:pb-8"
+            ? "lg:fixed lg:top-0 lg:bottom-0 lg:w-64 lg:pt-[4.5rem] lg:pb-8"
             : "lg:sticky lg:top-8 lg:max-h-[calc(100dvh-7.5rem)] lg:pb-2"
         }`}
       >
@@ -507,7 +507,7 @@ export function AppShell({ children }: AppShellProps) {
           onOpenLeftNav={() => setIsMobileLeftNavOpen(true)}
           onOpenCalendar={() => setIsMobileCalendarOpen(true)}
         />
-        <div className={`mx-auto flex w-full flex-1 min-h-0 max-w-6xl ${isMessageDialogPage ? 'gap-0 px-0 py-0 lg:gap-6 lg:px-8 lg:py-8' : 'gap-6 px-4 py-4 sm:px-8 lg:py-8'}`}>
+        <div className={`mx-auto flex w-full flex-1 min-h-0 max-w-6xl ${isMessageDialogPage ? 'gap-0 px-0 py-0 lg:gap-6 lg:px-8 lg:py-4' : 'gap-6 px-4 py-4 sm:px-8 lg:py-4'}`}>
           <LeftNav fixedDesktop />
           <main className={`flex-1 min-w-0 min-h-0 space-y-6 ${isMessageDialogPage ? 'overflow-visible' : ''}`}>
             {!isMessageDialogPage ? <PushOnboardingPrompt /> : null}
diff --git a/frontend/src/components/calendar/CalendarSidebar.tsx b/frontend/src/components/calendar/CalendarSidebar.tsx
index 3d57f932..bce3a4f9 100644
--- a/frontend/src/components/calendar/CalendarSidebar.tsx
+++ b/frontend/src/components/calendar/CalendarSidebar.tsx
@@ -26,7 +26,7 @@ export const CalendarSidebar = memo(function CalendarSidebar(props: CalendarSide
       <div
         className={`space-y-4 lg:overflow-y-auto ${
           fixedDesktop
-            ? "lg:fixed lg:top-0 lg:bottom-0 lg:w-72 lg:pt-[5.5rem] lg:pb-8"
+            ? "lg:fixed lg:top-0 lg:bottom-0 lg:w-72 lg:pt-[4.5rem] lg:pb-8"
             : "lg:sticky lg:top-8 lg:max-h-[calc(100dvh-7.5rem)] lg:pb-2"
         }`}
       >