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 {