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

@@ -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;
+}
+

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>