From 89aa05385d41ea5d034a20b6828bfd9787409865 Mon Sep 17 00:00:00 2001
From: paul-nothaft <40865108-paul-nothaft@users.noreply.replit.com>
Date: Thu, 11 Sep 2025 11:48:12 +0000
Subject: [PATCH] Adjust spacing between menu bar and calendar view

Adjust the `bottom` CSS property on the calendar container in `TasksWithCalendar.tsx` from `20` to `24` to provide adequate spacing above the bottom navigation bar.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ceced2fc-aa46-458d-ba87-ddd4b7bb1518
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/659922a9-0087-461c-90dd-6d9a58b81d4d/ceced2fc-aa46-458d-ba87-ddd4b7bb1518/XrG8SoT
---
 .replit                                     | 4 ++++
 client/src/components/TasksWithCalendar.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/.replit b/.replit
index 930416a..c1b533b 100644
--- a/.replit
+++ b/.replit
@@ -14,6 +14,10 @@ run = ["npm", "run", "start"]
 localPort = 5000
 externalPort = 80
 
+[[ports]]
+localPort = 39485
+externalPort = 3001
+
 [[ports]]
 localPort = 41353
 externalPort = 3000
diff --git a/client/src/components/TasksWithCalendar.tsx b/client/src/components/TasksWithCalendar.tsx
index bbe8921..bba1262 100644
--- a/client/src/components/TasksWithCalendar.tsx
+++ b/client/src/components/TasksWithCalendar.tsx
@@ -294,7 +294,7 @@ export default function TasksWithCalendar({ tasks, onTaskUpdate, onTaskEdit }: T
       </div>
 
       {/* Calendar Section - Fixed at bottom with full width, above bottom nav */}
-      <div className="fixed bottom-20 left-0 right-0 bg-background z-[5]" style={{ borderTop: '1px solid rgb(229, 231, 235)' }}>
+      <div className="fixed bottom-24 left-0 right-0 bg-background z-[5]" style={{ borderTop: '1px solid rgb(229, 231, 235)' }}>
         <div className="p-3 max-h-[32vh] overflow-y-auto">
           {/* Calendar Header */}
           <div className="flex items-center justify-between mb-3">