From 7ac7e0f7f8417532d686a4bf899d5ff198b8d60b Mon Sep 17 00:00:00 2001
From: Janus Knudsen <janus@sevenweirdpeople.com>
Date: Tue, 5 Aug 2025 00:17:17 +0200
Subject: [PATCH] Working all day

---
 src/managers/GridManager.ts         |  6 +++---
 wwwroot/css/calendar-layout-css.css | 14 +++-----------
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/managers/GridManager.ts b/src/managers/GridManager.ts
index c41286f..91b7be1 100644
--- a/src/managers/GridManager.ts
+++ b/src/managers/GridManager.ts
@@ -338,9 +338,9 @@ export class GridManager {
    * Update spacer heights based on all-day events presence
    */
   private updateSpacerHeights(): void {
-    const allDayEventCount = this.allDayEvents.length;
-    const eventHeight = 20; // Height per all-day event in pixels
-    const padding = 4; // Top/bottom padding
+    const allDayEventCount = 1;
+    const eventHeight = 26; // Height per all-day event in pixels
+    const padding = 0; // Top/bottom padding
     const allDayHeight = allDayEventCount > 0 ? (allDayEventCount * eventHeight) + padding : 0;
     
     // Set CSS variable for dynamic spacer height
diff --git a/wwwroot/css/calendar-layout-css.css b/wwwroot/css/calendar-layout-css.css
index ca67797..949bad9 100644
--- a/wwwroot/css/calendar-layout-css.css
+++ b/wwwroot/css/calendar-layout-css.css
@@ -224,13 +224,14 @@ swp-week-header {
   position: sticky;
   top: 0;
   z-index: 3; /* Lower than header-spacer so it slides under during horizontal scroll */
-  height: auto; /* Dynamic height based on content */
+  height: calc(var(--header-height) + var(--all-day-row-height)); /* Same calculation as spacers */
 }
 
 swp-day-header {
   padding: 12px;
   text-align: center;
   border-right: 1px solid var(--color-grid-line);
+  border-bottom: 1px solid var(--color-grid-line);
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -267,20 +268,11 @@ swp-day-header[data-today="true"] swp-day-date {
   margin: 4px auto 0;
 }
 
-/* Border between row 1 and row 2 in week header */
-swp-week-header::after {
-  content: '';
-  grid-column: 1 / -1; /* Span all columns */
-  grid-row: 2; /* Position at start of row 2 */
-  border-top: 1px solid var(--color-grid-line);
-  height: 0;
-  z-index: 1;
-}
 
 /* All-day events in row 2 */
 swp-allday-event {
   grid-row: 2; /* Row 2 only */
-  height: calc(var(--all-day-row-height) - 2px); /* Dynamic height minus margin */
+  height: calc(var(--all-day-row-height) - 3px); /* Dynamic height minus margin */
   background: #ff9800; /* Default orange background */
   display: flex;
   align-items: center;