From 2daf46b862d3ef46672879b4eb9100262d41cdc7 Mon Sep 17 00:00:00 2001
From: paul-nothaft <40865108-paul-nothaft@users.noreply.replit.com>
Date: Thu, 11 Sep 2025 11:14:47 +0000
Subject: [PATCH] Align calendar and menu bar with other pages

Update the `TasksWithCalendar.tsx` file to add a top border to the calendar section, matching the styling of other pages, and ensure the menu height is consistent.

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/Fqw4LkD
---
 client/src/components/TasksWithCalendar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/TasksWithCalendar.tsx b/client/src/components/TasksWithCalendar.tsx
index 66cb5a4..498285e 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 border-t shadow-lg z-[5]">
+      <div className="fixed bottom-20 left-0 right-0 bg-background shadow-lg 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">