From a8d25f9c018726cddb864747008eb2d555da5130 Mon Sep 17 00:00:00 2001
From: Smittix <jamessmith1@outlook.com>
Date: Wed, 4 Feb 2026 20:58:07 +0000
Subject: [PATCH] Fix controls bar alignment with stretch + space-between

Use align-items: stretch on controls-bar to make all control
groups the same height, and justify-content: space-between on
control-group to push content to top/bottom within each box.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 static/css/adsb_dashboard.css | 3 ++-
 static/css/ais_dashboard.css  | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/static/css/adsb_dashboard.css b/static/css/adsb_dashboard.css
index 7305457..cc59145 100644
--- a/static/css/adsb_dashboard.css
+++ b/static/css/adsb_dashboard.css
@@ -755,7 +755,7 @@ body {
     grid-column: 1 / -1;
     grid-row: 2;
     display: flex;
-    align-items: flex-end;
+    align-items: stretch;
     flex-wrap: nowrap;
     gap: 8px;
     padding: 8px 15px;
@@ -783,6 +783,7 @@ body {
 .control-group {
     display: flex;
     flex-direction: column;
+    justify-content: space-between;
     align-items: flex-start;
     gap: 4px;
     padding: 6px 10px;
diff --git a/static/css/ais_dashboard.css b/static/css/ais_dashboard.css
index e1d6eb7..88aebd3 100644
--- a/static/css/ais_dashboard.css
+++ b/static/css/ais_dashboard.css
@@ -670,7 +670,7 @@ body {
     grid-column: 1 / -1;
     grid-row: 2;
     display: flex;
-    align-items: flex-end;
+    align-items: stretch;
     flex-wrap: nowrap;
     gap: 8px;
     padding: 8px 15px;
@@ -683,6 +683,7 @@ body {
 .control-group {
     display: flex;
     flex-direction: column;
+    justify-content: space-between;
     align-items: flex-start;
     gap: 4px;
     padding: 6px 10px;