From 781bc529ba0d97f2839680a2edfa2cacb6d51567 Mon Sep 17 00:00:00 2001
From: Till-JS <101404291+Till-JS@users.noreply.github.com>
Date: Tue, 16 Dec 2025 17:43:38 +0100
Subject: [PATCH] fix(calendar): equal cell heights in month view on smaller
 screens
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix flexbox layout for month view grid cells by:
- Adding height: 100% and min-height: 0 to .month-view container
- Using flex: 1 1 0 on week rows for equal distribution
- Adding overflow: hidden on day cells to prevent content overflow

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../web/src/lib/components/calendar/MonthView.svelte     | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/calendar/apps/web/src/lib/components/calendar/MonthView.svelte b/apps/calendar/apps/web/src/lib/components/calendar/MonthView.svelte
index ebbc02494..f068a85bf 100644
--- a/apps/calendar/apps/web/src/lib/components/calendar/MonthView.svelte
+++ b/apps/calendar/apps/web/src/lib/components/calendar/MonthView.svelte
@@ -402,6 +402,8 @@
 	.month-view {
 		display: flex;
 		flex-direction: column;
+		height: 100%;
+		min-height: 0;
 	}
 
 	.weekday-headers {
@@ -427,13 +429,14 @@
 		flex: 1;
 		display: flex;
 		flex-direction: column;
+		min-height: 0;
 	}
 
 	.week-row {
-		flex: 1;
+		flex: 1 1 0;
 		display: grid;
 		grid-template-columns: repeat(var(--column-count, 7), 1fr);
-		min-height: 100px;
+		min-height: 0;
 	}
 
 	.day-cell {
@@ -447,6 +450,8 @@
 		display: flex;
 		flex-direction: column;
 		transition: background-color var(--transition-fast);
+		min-height: 0;
+		overflow: hidden;
 	}
 
 	.day-cell:first-child {