From 2d09046976f223bf5c9e7a3bf30f9b0023c967c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrick=20M=C3=BCller?= <patrick@mueller-patrick.tech>
Date: Sat, 2 Nov 2024 19:02:41 +0100
Subject: [PATCH] Fix issue where not all events would be displayed due to
 missing scroll functionality if the table contained too many rows.

---
 src/app/pages/admin/admin.component.css  | 6 ++++++
 src/app/pages/admin/admin.component.html | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/pages/admin/admin.component.css b/src/app/pages/admin/admin.component.css
index 2cbcdac..7c6fbed 100644
--- a/src/app/pages/admin/admin.component.css
+++ b/src/app/pages/admin/admin.component.css
@@ -103,3 +103,9 @@ p.password-mismatch {
 	margin-bottom: 10px;
 }
 
+/* Events table scrolling */
+#events-table {
+	max-height: 90vh; /* or any height that fits your layout */
+	overflow-y: auto;
+}
+
diff --git a/src/app/pages/admin/admin.component.html b/src/app/pages/admin/admin.component.html
index 6ad7114..fc746b1 100644
--- a/src/app/pages/admin/admin.component.html
+++ b/src/app/pages/admin/admin.component.html
@@ -51,5 +51,7 @@
 	<span>&nbsp; | &nbsp;</span>
 	<button (click)="getEvents()">Reload Events</button>
 	<div style="height: 1em;"></div>
-	<app-events-table [events]="this.events" [selectedCalendar]="getCalendarId(selectedCalendar)"></app-events-table>
+	<div id="events-table">
+		<app-events-table [events]="this.events" [selectedCalendar]="getCalendarId(selectedCalendar)"></app-events-table>
+	</div>
 </div>