From 07f6e2f2ecfb8c10bdf72d7372a8fe36f155aaba Mon Sep 17 00:00:00 2001
From: Alon Tuval <tuval@einprat.org>
Date: Fri, 12 Jun 2026 08:24:44 +0300
Subject: [PATCH] style(nav): tighten inter-month gap when week numbers are
 shown
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

With week numbers on, the row gap was 24px, leaving a large empty band above
each "שבוע N" label up to the month divider. Reduce the week-mode row gap to
16px and nudge the week-number label closer to its cell (top -18px -> -15px),
shrinking the inter-month gap from ~48px to ~32px without overlap.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/LinearCalendar.module.css | 2 +-
 src/components/LinearCalendar.tsx        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/LinearCalendar.module.css b/src/components/LinearCalendar.module.css
index 49419ce..a494fce 100644
--- a/src/components/LinearCalendar.module.css
+++ b/src/components/LinearCalendar.module.css
@@ -165,7 +165,7 @@
 
 .weekNumLabel {
   position: absolute;
-  top: -18px;
+  top: -15px;
   right: -1px;
   font-size: 0.65rem;
   font-weight: 700;
diff --git a/src/components/LinearCalendar.tsx b/src/components/LinearCalendar.tsx
index a83aa7b..e1b41e1 100644
--- a/src/components/LinearCalendar.tsx
+++ b/src/components/LinearCalendar.tsx
@@ -682,7 +682,7 @@ export default function LinearCalendar({ events: initialEventsProp, startDate, e
                 <div
                     className={`${styles.mainGrid} ${!showWeeks ? styles.compactGrid : ''}`}
                     ref={mainGridRef}
-                    style={{ rowGap: showWeeks ? '24px' : '8px' }}
+                    style={{ rowGap: showWeeks ? '16px' : '8px' }}
                 >
                     {/* Header Row */}
                     <div className={styles.headerCell} style={{ gridColumn: 1 }}>חודש</div> {/* Month Col Header */}