From c9549065fe5588a77993d5a582606db3b052251a Mon Sep 17 00:00:00 2001
From: lizerk <lizerk-dev@gmail.com>
Date: Wed, 15 Apr 2026 01:01:06 +0300
Subject: [PATCH] Add spacing between mobile calendar sections

---
 .../src/components/layout/MobileDrawers.tsx   | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/layout/MobileDrawers.tsx b/frontend/src/components/layout/MobileDrawers.tsx
index 8e99fcfd..2372c4e7 100644
--- a/frontend/src/components/layout/MobileDrawers.tsx
+++ b/frontend/src/components/layout/MobileDrawers.tsx
@@ -147,15 +147,17 @@ export function MobileCalendarDrawer({
           </button>
         </div>
         {isOpen && (
-          <CalendarCard
-            onOpenCalendarModal={onOpenCalendarModal}
-            onOpenEventModal={onOpenEventModal}
-            onOpenParticipantsModal={onOpenParticipantsModal}
-            eventsRefreshTrigger={eventsRefreshTrigger}
-            setEventsRefreshTrigger={setEventsRefreshTrigger}
-            setSidebarEvents={setSidebarEvents}
-            onCalendarChange={onCalendarChange}
-          />
+          <div className="space-y-4 pb-4">
+            <CalendarCard
+              onOpenCalendarModal={onOpenCalendarModal}
+              onOpenEventModal={onOpenEventModal}
+              onOpenParticipantsModal={onOpenParticipantsModal}
+              eventsRefreshTrigger={eventsRefreshTrigger}
+              setEventsRefreshTrigger={setEventsRefreshTrigger}
+              setSidebarEvents={setSidebarEvents}
+              onCalendarChange={onCalendarChange}
+            />
+          </div>
         )}
       </div>
     </div>