From 6e7080c8c1753249edc522f670618ddd3842015f Mon Sep 17 00:00:00 2001
From: Till-JS <101404291+Till-JS@users.noreply.github.com>
Date: Fri, 13 Feb 2026 22:11:49 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20fix(calendar):=20add=20padding?=
 =?UTF-8?q?=20to=20calendar=20views=20for=20bottom=20UI=20visibility?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add padding-top (1rem) and padding-bottom (200px) to time-column and day-column
- Ensures content can be scrolled past the bottom UI (PillNav, InputBar, etc.)
- Applied to DayView, WeekView, and MultiDayView
---
 .../apps/web/src/lib/components/calendar/DayView.svelte       | 4 ++++
 .../apps/web/src/lib/components/calendar/MultiDayView.svelte  | 4 ++++
 .../apps/web/src/lib/components/calendar/WeekView.svelte      | 4 ++++
 3 files changed, 12 insertions(+)

diff --git a/apps/calendar/apps/web/src/lib/components/calendar/DayView.svelte b/apps/calendar/apps/web/src/lib/components/calendar/DayView.svelte
index 54f169c6e..cca7d88e8 100644
--- a/apps/calendar/apps/web/src/lib/components/calendar/DayView.svelte
+++ b/apps/calendar/apps/web/src/lib/components/calendar/DayView.svelte
@@ -1009,6 +1009,8 @@
 	.time-column {
 		width: 50px;
 		flex-shrink: 0;
+		padding-top: 1rem;
+		padding-bottom: 200px; /* Space for bottom UI (PillNav, InputBar, etc.) */
 	}
 
 	.time-label {
@@ -1033,6 +1035,8 @@
 		position: relative;
 		border-left: 1px solid hsl(var(--color-border));
 		max-width: 600px;
+		padding-top: 1rem;
+		padding-bottom: 200px; /* Space for bottom UI (PillNav, InputBar, etc.) */
 	}
 
 	.day-column.today {
diff --git a/apps/calendar/apps/web/src/lib/components/calendar/MultiDayView.svelte b/apps/calendar/apps/web/src/lib/components/calendar/MultiDayView.svelte
index 8f31cfc84..170586324 100644
--- a/apps/calendar/apps/web/src/lib/components/calendar/MultiDayView.svelte
+++ b/apps/calendar/apps/web/src/lib/components/calendar/MultiDayView.svelte
@@ -1283,6 +1283,8 @@
 	.time-column {
 		width: var(--time-column-width);
 		flex-shrink: 0;
+		padding-top: 1rem;
+		padding-bottom: 200px; /* Space for bottom UI (PillNav, InputBar, etc.) */
 	}
 
 	.time-label {
@@ -1311,6 +1313,8 @@
 		position: relative;
 		border-left: 1px solid hsl(var(--color-border));
 		min-width: 0;
+		padding-top: 1rem;
+		padding-bottom: 200px; /* Space for bottom UI (PillNav, InputBar, etc.) */
 	}
 
 	.day-column.today {
diff --git a/apps/calendar/apps/web/src/lib/components/calendar/WeekView.svelte b/apps/calendar/apps/web/src/lib/components/calendar/WeekView.svelte
index 31a76d34f..ebdb88043 100644
--- a/apps/calendar/apps/web/src/lib/components/calendar/WeekView.svelte
+++ b/apps/calendar/apps/web/src/lib/components/calendar/WeekView.svelte
@@ -1302,6 +1302,8 @@
 	.time-column {
 		width: var(--time-column-width);
 		flex-shrink: 0;
+		padding-top: 1rem;
+		padding-bottom: 200px; /* Space for bottom UI (PillNav, InputBar, etc.) */
 	}
 
 	.time-label {
@@ -1324,6 +1326,8 @@
 		flex: 1;
 		position: relative;
 		border-left: 1px solid hsl(var(--color-border));
+		padding-top: 1rem;
+		padding-bottom: 200px; /* Space for bottom UI (PillNav, InputBar, etc.) */
 	}
 
 	.day-column.today {