From 14f5375279383905478400137fd88306647be3b9 Mon Sep 17 00:00:00 2001
From: James Smith <admin@CS-2E80DB.local>
Date: Mon, 19 Jan 2026 21:18:41 +0000
Subject: [PATCH] Widen ACARS sidebar and fix controls visibility

Increase sidebar width from 250px to 300px to prevent region dropdown
from being cut off. Add flex layout to keep header and controls visible
while messages area scrolls.
---
 static/css/adsb_dashboard.css | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/static/css/adsb_dashboard.css b/static/css/adsb_dashboard.css
index 634ea92..be0c142 100644
--- a/static/css/adsb_dashboard.css
+++ b/static/css/adsb_dashboard.css
@@ -268,7 +268,7 @@ body {
 }
 
 .acars-sidebar-content {
-    width: 250px;
+    width: 300px;
     display: flex;
     flex-direction: column;
     overflow: hidden;
@@ -297,6 +297,23 @@ body {
     display: none;
 }
 
+.acars-sidebar .panel-header {
+    flex-shrink: 0;
+}
+
+.acars-sidebar #acarsPanelContent {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-height: 0;
+    overflow: hidden;
+}
+
+.acars-sidebar .acars-info,
+.acars-sidebar .acars-controls {
+    flex-shrink: 0;
+}
+
 .acars-sidebar .acars-messages {
     flex: 1;
     overflow-y: auto;