From 26e51447d75403e5584694a14dfef9dbeb6ae9bf Mon Sep 17 00:00:00 2001 From: Stan Grams Date: Sun, 1 Mar 2026 15:14:39 +0100 Subject: [PATCH] [style](trx-frontend): tighten aprs overlay header Reduce the APRS overlay header height by trimming spacing and scaling down the clear control chrome. Co-authored-by: OpenAI Codex Signed-off-by: Stan Grams --- .../trx-frontend-http/assets/web/style.css | 22 +++++++++---------- 1 file changed, 11 insertions(+), 11 deletions(-) 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 fcfc77e..abca781 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 @@ -656,15 +656,15 @@ small { color: var(--text-muted); } display: flex; align-items: center; justify-content: space-between; - gap: 0.5rem; + gap: 0.35rem; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - font-size: clamp(0.5rem, 0.82vw, 0.62rem); + font-size: clamp(0.46rem, 0.72vw, 0.58rem); font-weight: 700; letter-spacing: 0.1em; color: var(--accent-green); text-transform: uppercase; - padding: 0.04rem 0 0.16rem; - margin-bottom: 0.08rem; + padding: 0 0 0.08rem; + margin-bottom: 0.04rem; border-bottom: 1px solid color-mix(in srgb, var(--border-light) 34%, transparent); opacity: 0.92; } @@ -676,14 +676,14 @@ small { color: var(--text-muted); } .aprs-bar-clear { display: inline-flex; align-items: center; - gap: 0.24rem; + gap: 0.18rem; background: color-mix(in srgb, var(--btn-bg) 84%, transparent); border: 1px solid color-mix(in srgb, var(--border-light) 46%, transparent); border-radius: 4px; - padding: 0.05rem 0.38rem 0.06rem; - line-height: 1.2; + padding: 0.02rem 0.3rem 0.03rem; + line-height: 1.05; font-family: inherit; - font-size: 0.68em; + font-size: 0.62em; font-weight: 600; letter-spacing: 0.06em; color: var(--text-muted); @@ -703,12 +703,12 @@ small { color: var(--text-muted); } display: inline-flex; align-items: center; justify-content: center; - width: 1.1em; - height: 1.1em; + width: 0.95em; + height: 0.95em; border-radius: 3px; background: color-mix(in srgb, var(--accent-red) 14%, transparent); color: color-mix(in srgb, var(--accent-red) 65%, var(--text-muted)); - font-size: 1em; + font-size: 0.9em; line-height: 1; } .aprs-bar-frame {