From 4114a0adad5cf163d36f3ee1f787f3d806c4e350 Mon Sep 17 00:00:00 2001
From: ztimson <zaktimson@gmail.com>
Date: Fri, 3 Jul 2026 15:13:00 -0400
Subject: [PATCH] Added some padding around the gages

---
 client/src/components/Aircraft.vue | 7 ++-----
 client/src/components/Ship.vue     | 3 ++-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/client/src/components/Aircraft.vue b/client/src/components/Aircraft.vue
index f18e222..38330ec 100644
--- a/client/src/components/Aircraft.vue
+++ b/client/src/components/Aircraft.vue
@@ -288,6 +288,7 @@ const navball = computed(() => {
 	font-family: monospace;
 	color: #ccc;
 	min-width: 320px;
+	max-width: 360px;
 }
 
 .ap-header {
@@ -316,10 +317,6 @@ const navball = computed(() => {
 	padding: 12px 16px;
 	border-bottom: 1px solid rgba(200,200,220,0.2);
 }
-.ap-meta--detail { margin-top: 3px; }
-
-.ap-icao    { text-align: right; }
-.ap-operator { text-align: right; color: #aaa; }
 
 .ap-close {
 	position: absolute;
@@ -384,5 +381,5 @@ const navball = computed(() => {
 .ap-gauge:hover  { border-color: #0ff; }
 .ap-gauge-val    { font-size: 20px; font-weight: bold; color: #0f0; }
 .ap-gauge-unit   { font-size: 11px; color: #0f0; margin-bottom: 2px; }
-.ap-navball      { flex: 1; }
+.ap-navball      { flex: 1; margin-top: 1rem; }
 </style>
diff --git a/client/src/components/Ship.vue b/client/src/components/Ship.vue
index 27f415c..ab83599 100644
--- a/client/src/components/Ship.vue
+++ b/client/src/components/Ship.vue
@@ -265,6 +265,7 @@ const compass = computed(() => {
 	font-family: monospace;
 	color: #ccc;
 	min-width: 320px;
+	max-width: 360px;
 }
 
 .sp-header {
@@ -358,5 +359,5 @@ const compass = computed(() => {
 .sp-gauge:hover   { border-color: #0f0; }
 .sp-gauge-val     { font-size: 20px; font-weight: bold; color: #0ff; }
 .sp-gauge-unit    { font-size: 11px; color: #0ff; margin-bottom: 5px; }
-.sp-compass { flex: 1; }
+.sp-compass { flex: 1; margin-top: 0.25rem; }
 </style>