From 05868d8a09f9de264f4bef7b0c427934b97389db Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Fri, 30 Jan 2026 09:26:00 +0100
Subject: [PATCH] Update DashboardWidget and LoggedInView styles: Adjust
 min-height and max-height properties for better layout flexibility. Enhance
 dashboard grid cell styling to support dynamic content display and improve
 overall UI responsiveness.

---
 frontend/src/components/DashboardWidget.vue |  4 ++--
 frontend/src/views/home/LoggedInView.vue    | 12 +++++++++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/DashboardWidget.vue b/frontend/src/components/DashboardWidget.vue
index b167934..1e16668 100644
--- a/frontend/src/components/DashboardWidget.vue
+++ b/frontend/src/components/DashboardWidget.vue
@@ -249,8 +249,8 @@ export default {
 
 <style scoped>
 .dashboard-widget {
-  min-height: 200px;
-  max-height: 420px;
+  min-height: 0;
+  max-height: 100%;
   display: flex;
   flex-direction: column;
   background: var(--dashboard-widget-bg, #fff);
diff --git a/frontend/src/views/home/LoggedInView.vue b/frontend/src/views/home/LoggedInView.vue
index 5898d4a..3587bd2 100644
--- a/frontend/src/views/home/LoggedInView.vue
+++ b/frontend/src/views/home/LoggedInView.vue
@@ -374,11 +374,21 @@ export default {
 .dashboard-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+  grid-auto-rows: 420px;
   gap: 20px;
 }
 
 .dashboard-grid-cell {
-  min-height: 200px;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.dashboard-grid-cell > * {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
 }
 
 .dashboard-grid-cell.drop-target {