From a7ba1eec5f98bb68f0604339dc1b0b50394a461e Mon Sep 17 00:00:00 2001
From: Stan Grams <sjg@haxx.space>
Date: Sun, 1 Mar 2026 14:55:37 +0100
Subject: [PATCH] [style](trx-frontend-http): tighten APRS bar spacing, shrink
 clear btn, remove cap
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Reduce frame line-height 1.45→1.3 and pos sub-line to 1.1 to close
  the gap between the info and coordinate rows within each entry
- Shrink clear button (smaller padding, 0.78em font)
- Remove 5-entry cap; full history visible via scroll

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
---
 .../trx-frontend-http/assets/web/plugins/aprs.js       |  2 +-
 .../trx-frontend-http/assets/web/style.css             | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/plugins/aprs.js b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/plugins/aprs.js
index 16add18..5d1bc56 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/plugins/aprs.js
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/plugins/aprs.js
@@ -107,7 +107,7 @@ function applyAprsFilterToAll() {
 function updateAprsBar() {
   if (!aprsBarOverlay) return;
   const isPkt = (document.getElementById("mode")?.value || "").toUpperCase() === "PKT";
-  const okFrames = aprsPacketHistory.filter((p) => p.crcOk).slice(0, 5);
+  const okFrames = aprsPacketHistory.filter((p) => p.crcOk);
   if (!isPkt || okFrames.length === 0) {
     aprsBarOverlay.style.display = "none";
     return;
diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
index fba2438..eb01019 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
@@ -662,9 +662,9 @@ small { color: var(--text-muted); }
   background: none;
   border: 1px solid color-mix(in srgb, var(--accent-green) 40%, transparent);
   border-radius: 999px;
-  padding: 0.05rem 0.45rem;
+  padding: 0.02rem 0.3rem;
   font-family: inherit;
-  font-size: inherit;
+  font-size: 0.78em;
   font-weight: 600;
   letter-spacing: 0.06em;
   color: var(--accent-green);
@@ -682,7 +682,7 @@ small { color: var(--text-muted); }
   font-size: clamp(0.58rem, 1.05vw, 0.74rem);
   display: flex;
   flex-direction: column;
-  line-height: 1.45;
+  line-height: 1.3;
   opacity: 1;
 }
 .aprs-bar-frame-main {
@@ -690,6 +690,10 @@ small { color: var(--text-muted); }
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.aprs-bar-frame-pos {
+  line-height: 1.1;
+  margin-bottom: 0.1rem;
+}
 .aprs-bar-frame-pos {
   display: block;
   white-space: nowrap;