[style](trx-frontend-http): restyle APRS bar clear button as slim rect

Smaller font (0.65em), horizontal padding only, line-height-based
height, tighter border-radius — produces a flat wide rectangle tag
rather than a square button.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
2026-03-01 15:00:52 +01:00
parent 1b34d75a31
commit c60b764acb
@@ -668,17 +668,19 @@ small { color: var(--text-muted); }
} }
.aprs-bar-clear { .aprs-bar-clear {
background: none; background: none;
border: 1px solid color-mix(in srgb, var(--accent-green) 40%, transparent); border: 1px solid color-mix(in srgb, var(--accent-green) 35%, transparent);
border-radius: 3px; border-radius: 2px;
padding: 0.02rem 0.3rem; padding: 0 0.4rem;
line-height: 1.5;
font-family: inherit; font-family: inherit;
font-size: 0.78em; font-size: 0.65em;
font-weight: 600; font-weight: 600;
letter-spacing: 0.06em; letter-spacing: 0.08em;
color: var(--accent-green); color: var(--accent-green);
cursor: pointer; cursor: pointer;
opacity: 0.7; opacity: 0.6;
text-transform: uppercase; text-transform: uppercase;
white-space: nowrap;
transition: opacity 120ms, background 120ms; transition: opacity 120ms, background 120ms;
} }
.aprs-bar-clear:hover { .aprs-bar-clear:hover {