From 9af974d2f201f26d6c12dcf74a1d5dbcf97e3e1f Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Sun, 22 Mar 2026 10:10:36 +0100
Subject: [PATCH] Update NoLoginView styling: Adjust action panel dimensions
 and layout for improved responsiveness and spacing. Enhance flex properties
 to ensure better alignment and visual consistency across components.

---
 frontend/src/views/home/NoLoginView.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/home/NoLoginView.vue b/frontend/src/views/home/NoLoginView.vue
index 0206094..44986cf 100644
--- a/frontend/src/views/home/NoLoginView.vue
+++ b/frontend/src/views/home/NoLoginView.vue
@@ -212,6 +212,7 @@ export default {
 .actions {
     display: flex;
     flex-direction: column;
+    justify-content: space-between;
     gap: 1rem;
     flex: 1 1 auto;
     min-height: 0;
@@ -220,8 +221,9 @@ export default {
 }
 
 .actions-panel {
-    flex: 0 0 40%;
-    max-height: 40%;
+    flex: 0 0 calc(40% - 0.5rem);
+    height: calc(40% - 0.5rem);
+    max-height: calc(40% - 0.5rem);
     min-height: 0;
     background:
         linear-gradient(180deg, rgba(255, 251, 246, 0.96) 0%, rgba(248, 240, 231, 0.96) 100%);
@@ -439,10 +441,12 @@ export default {
         min-height: auto;
         height: auto;
         overflow: visible;
+        justify-content: flex-start;
     }
 
     .actions-panel {
         flex: 0 0 auto;
+        height: auto;
         max-height: none;
         min-height: 260px;
     }