[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:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user