From 9b5202d6b4ec0a9fd7b2b4efbdaab7e6a5ee8a9e Mon Sep 17 00:00:00 2001
From: Albrecht Lohofener <albrechtloh@gmx.de>
Date: Tue, 29 Apr 2025 12:06:16 +0200
Subject: [PATCH] Fit dashboard cards to available height and add scrollbars if
 content height does not fit..

---
 web-frontend/src/app/dashboard/dashboard.component.html | 3 +--
 web-frontend/src/app/dashboard/dashboard.component.scss | 5 +++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web-frontend/src/app/dashboard/dashboard.component.html b/web-frontend/src/app/dashboard/dashboard.component.html
index dfb7362..adcab1d 100644
--- a/web-frontend/src/app/dashboard/dashboard.component.html
+++ b/web-frontend/src/app/dashboard/dashboard.component.html
@@ -1,5 +1,5 @@
 <div class="grid-container">
-  <mat-grid-list cols="2" rowHeight="280px">
+  <mat-grid-list cols="2" rowHeight="fit" class="dashboard-grid-list">
     <mat-grid-tile [colspan]="1" [rowspan]="1">
       <mat-card class="dashboard-card">
         <mat-card-header>
@@ -56,7 +56,6 @@
       </mat-card>
     </mat-grid-tile>
 
-
     <mat-grid-tile [colspan]="2" [rowspan]="1">
       <mat-card class="dashboard-card">
         <mat-card-header>
diff --git a/web-frontend/src/app/dashboard/dashboard.component.scss b/web-frontend/src/app/dashboard/dashboard.component.scss
index 308549b..a6910dc 100644
--- a/web-frontend/src/app/dashboard/dashboard.component.scss
+++ b/web-frontend/src/app/dashboard/dashboard.component.scss
@@ -2,6 +2,10 @@
   margin: 20px;
 }
 
+.dashboard-grid-list {
+  height: calc(100vh - 120px);
+}
+
 .dashboard-card {
   position: absolute;
   top: 15px;
@@ -18,4 +22,5 @@
 
 .dashboard-card-content {
   text-align: left;
+  overflow: auto;
 }