[style](trx-frontend-http): replace coord sub-line with inline pin button

When a frame carries a position, show a small 📍 button between the
timestamp and callsign on the same line. Title tooltip shows the
coordinates; clicking navigates to the Map tab. Removes the two-line
per-entry layout.

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 14:56:24 +01:00
parent a7ba1eec5f
commit 8e353620de
2 changed files with 16 additions and 13 deletions
@@ -680,9 +680,7 @@ small { color: var(--text-muted); }
.aprs-bar-frame {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: clamp(0.58rem, 1.05vw, 0.74rem);
display: flex;
flex-direction: column;
line-height: 1.3;
line-height: 1.45;
opacity: 1;
}
.aprs-bar-frame-main {
@@ -690,13 +688,19 @@ small { color: var(--text-muted); }
overflow: hidden;
text-overflow: ellipsis;
}
.aprs-bar-frame-pos {
line-height: 1.1;
margin-bottom: 0.1rem;
.aprs-bar-pin {
background: none;
border: none;
padding: 0 0.2em 0 0;
font-size: 0.85em;
line-height: 1;
cursor: pointer;
vertical-align: middle;
opacity: 0.8;
transition: opacity 120ms;
}
.aprs-bar-frame-pos {
display: block;
white-space: nowrap;
.aprs-bar-pin:hover {
opacity: 1;
}
.aprs-bar-frame + .aprs-bar-frame {
opacity: 0.72;