From ccb51d750abda6653def928613bd452c442a6762 Mon Sep 17 00:00:00 2001
From: nessi <sascha@nesterovic.cc>
Date: Sat, 7 Feb 2026 11:58:24 +0100
Subject: [PATCH] Enhance panel styling and layout handling.

Updated the panel container to use a flexible column layout with conditional "flex" or "block" display based on its state. This ensures better structure and responsiveness while maintaining current functionality.
---
 frontend/src/App.jsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 5883b64..871226a 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -307,7 +307,15 @@ export default function App() {
       <div style={base}>
         {v === "panel" ? <div style={glowLine} /> : null}
 
-        <div style={{ position: "relative", height: v === "panel" ? "100%" : "auto" }}>
+        <div
+          style={{
+            position: "relative",
+            height: v === "panel" ? "100%" : "auto",
+            display: v === "panel" ? "flex" : "block",
+            flexDirection: "column",
+            minHeight: 0,
+          }}
+        >
           <div style={headerRow}>
             <div style={{ display: "flex", alignItems: "center", gap: 10, minWidth: 0 }}>
               {icon ? <div style={{ opacity: 0.95 }}>{icon}</div> : null}