From cce4b77c96fd2b3704b6b613122b74dea071b35a Mon Sep 17 00:00:00 2001
From: "Janus C. H. Knudsen" <janus007@gmail.com>
Date: Sat, 6 Dec 2025 01:25:03 +0100
Subject: [PATCH] wip

---
 wwwroot/css/calendar-v2.css | 52 ++++++++++++-------------------------
 1 file changed, 16 insertions(+), 36 deletions(-)

diff --git a/wwwroot/css/calendar-v2.css b/wwwroot/css/calendar-v2.css
index e852901..9905e1c 100644
--- a/wwwroot/css/calendar-v2.css
+++ b/wwwroot/css/calendar-v2.css
@@ -1,15 +1,11 @@
 :root {
   --hour-height: 60px;
-  --header-height: 60px;
   --time-axis-width: 60px;
   --grid-columns: 5;
   --color-border: #e0e0e0;
   --color-surface: #fff;
-  --color-text: #333;
   --color-text-secondary: #666;
   --color-primary: #1976d2;
-  --color-hour-line: #e0e0e0;
-  --color-current-time: #f44336;
 }
 
 * { box-sizing: border-box; margin: 0; padding: 0; }
@@ -75,8 +71,6 @@ swp-calendar-container {
 }
 
 swp-header-spacer {
-  grid-column: 1;
-  grid-row: 1;
   background: var(--color-surface);
   border-right: 1px solid var(--color-border);
   border-bottom: 1px solid var(--color-border);
@@ -84,8 +78,6 @@ swp-header-spacer {
 
 /* Time axis */
 swp-time-axis {
-  grid-column: 1;
-  grid-row: 2;
   border-right: 1px solid var(--color-border);
   background: var(--color-surface);
   overflow: hidden;
@@ -122,25 +114,34 @@ swp-calendar-header {
   background: var(--color-surface);
 }
 
-/* Single level: date only */
 swp-calendar-header[data-levels="date"] > swp-day-header { grid-row: 1; }
 
-/* Two levels: resource + date */
 swp-calendar-header[data-levels="resource date"] > swp-resource-header { grid-row: 1; }
 swp-calendar-header[data-levels="resource date"] > swp-day-header { grid-row: 2; }
 
-/* Three levels: team + resource + date */
 swp-calendar-header[data-levels="team resource date"] > swp-team-header { grid-row: 1; }
 swp-calendar-header[data-levels="team resource date"] > swp-resource-header { grid-row: 2; }
 swp-calendar-header[data-levels="team resource date"] > swp-day-header { grid-row: 3; }
 
-swp-day-header {
+swp-day-header,
+swp-resource-header,
+swp-team-header {
   padding: 8px;
   text-align: center;
   border-right: 1px solid var(--color-border);
+  border-bottom: 1px solid var(--color-border);
 }
 
-swp-day-header:last-child { border-right: none; }
+swp-team-header {
+  background: #e3f2fd;
+  color: #1565c0;
+  font-weight: 500;
+}
+
+swp-resource-header {
+  background: #fafafa;
+  font-size: 13px;
+}
 
 swp-day-name {
   display: block;
@@ -155,25 +156,6 @@ swp-day-date {
   font-weight: 300;
 }
 
-swp-team-header {
-  padding: 10px;
-  text-align: center;
-  background: #e3f2fd;
-  color: #1565c0;
-  font-weight: 500;
-  border-right: 1px solid var(--color-border);
-  border-bottom: 1px solid var(--color-border);
-}
-
-swp-resource-header {
-  padding: 8px;
-  text-align: center;
-  background: #fafafa;
-  font-size: 13px;
-  border-right: 1px solid var(--color-border);
-  border-bottom: 1px solid var(--color-border);
-}
-
 /* Scrollable content */
 swp-scrollable-content {
   overflow: auto;
@@ -191,8 +173,8 @@ swp-grid-lines {
     to bottom,
     transparent,
     transparent calc(var(--hour-height) - 1px),
-    var(--color-hour-line) calc(var(--hour-height) - 1px),
-    var(--color-hour-line) var(--hour-height)
+    var(--color-border) calc(var(--hour-height) - 1px),
+    var(--color-border) var(--hour-height)
   );
 }
 
@@ -208,8 +190,6 @@ swp-day-column {
   border-right: 1px solid var(--color-border);
 }
 
-swp-day-column:last-child { border-right: none; }
-
 swp-events-layer {
   position: absolute;
   inset: 0;