From fd1f5161925881ab38555047fc2a05789886a038 Mon Sep 17 00:00:00 2001
From: Manjunath Paparaju <manjunath@halfpixel.ai>
Date: Fri, 13 Nov 2026 11:16:07 +0530
Subject: [PATCH] Tighten the cockpit briefing's rows and weather tiles

Live Signals rows drop from 43.5 px to 36 px with less padding. The local
weather tiles lose the lit grid that showed between them, stand 5 px apart
as cards and shrink from 60 px to 53 px, so all four fit the shorter
window.

Co-authored-by: Sameh Khamis <sameh@halfpixel.ai>
---
 src/ui/styles/cockpit-panels.css | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/ui/styles/cockpit-panels.css b/src/ui/styles/cockpit-panels.css
index 970b12952..30a9e2b39 100644
--- a/src/ui/styles/cockpit-panels.css
+++ b/src/ui/styles/cockpit-panels.css
@@ -103,6 +103,19 @@
   background: rgba(255, 255, 255, 0.035);
 }
 
+/* The weather tiles stand apart as cards, with no lit grid behind them,
+   and are short enough to fit the shorter window. */
+.cockpit-local-grid {
+  gap: 5px;
+  background: none;
+}
+
+.cockpit-local-grid > div {
+  min-height: 0;
+  gap: 2px;
+  padding: 6px 9px;
+}
+
 .cockpit-route-card {
   border-bottom-color: rgba(255, 255, 255, 0.08);
 }
@@ -331,13 +344,13 @@ body.cockpit-mode #intel-hud .hud-bottom-right {
    The status colour is a slim inset bar (cyan for the aircraft you ride,
    white for nearby, amber for military / warnings), not a bent border. */
 .cockpit-signal-list {
-  gap: 5px;
+  gap: 4px;
 }
 
 .cockpit-signal-list li {
   position: relative;
   display: block;
-  padding: 8px 12px 8px 14px;
+  padding: 5px 10px 5px 12px;
   border: 1px solid rgba(255, 255, 255, 0.06);
   box-shadow: inset 2px 0 0 rgba(244, 251, 255, 0.22);
 }
@@ -365,8 +378,8 @@ body.cockpit-mode #intel-hud .hud-bottom-right {
 
 .cockpit-signal-list time {
   position: absolute;
-  top: 9px;
-  right: 30px;
+  top: 6px;
+  right: 28px;
   color: rgba(224, 236, 242, 0.4);
   font: 7px/1 var(--font-mono);
   letter-spacing: 0.06em;
@@ -374,7 +387,7 @@ body.cockpit-mode #intel-hud .hud-bottom-right {
 }
 
 .cockpit-signal-list li > div {
-  gap: 3px;
+  gap: 1px;
 }
 
 .cockpit-signal-target {