From 145af054715b4d074be88172f0a3dc3780f12d63 Mon Sep 17 00:00:00 2001
From: nessi <sascha@nesterovic.cc>
Date: Sat, 7 Feb 2026 12:36:42 +0100
Subject: [PATCH] Adjust layout and overflow settings for consistency

Updated the App component's overflow property to "visible" for better content display and modified grid row sizing in the layout to improve spacing control. These changes ensure better alignment and a more consistent user interface.
---
 frontend/src/App.jsx       | 6 +++---
 frontend/src/AppLayout.css | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index d332234..795733f 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -435,11 +435,11 @@ export default function App() {
           minWidth: 0,
           borderRadius: 18,
           border: `1px solid ${stylesTokens.panelBorder}`,
-          background: "rgba(0,0,0,0.10)",   // sehr dezent, quasi unsichtbar
+          background: "rgba(0,0,0,0.10)",
           backdropFilter: "blur(8px)",
           boxShadow: "0 12px 30px rgba(0,0,0,0.30)",
-          padding: 12,                      // ✅ Abstand wie andere Elemente
-          overflow: "hidden",
+          padding: 12,
+          overflow: "visible",   // ✅ statt hidden
           display: "grid",
           placeItems: "stretch",
         }}
diff --git a/frontend/src/AppLayout.css b/frontend/src/AppLayout.css
index b8fe96c..ad395e9 100644
--- a/frontend/src/AppLayout.css
+++ b/frontend/src/AppLayout.css
@@ -26,7 +26,7 @@ body {
   display: grid;
 
   /* Top | Main | HUD */
-  grid-template-rows: 68px minmax(360px, 1fr) 170px;
+  grid-template-rows: 68px minmax(360px, 1fr) minmax(160px, 190px);
 
   gap: 14px;
 }