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 d39e782..0f78892 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,17 +656,17 @@ small { color: var(--text-muted); } display: flex; align-items: center; justify-content: flex-start; - gap: 0.22rem; + gap: 0.14rem; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - font-size: clamp(0.46rem, 0.72vw, 0.58rem); + font-size: clamp(0.34rem, 0.52vw, 0.44rem); font-weight: 700; - letter-spacing: 0.1em; + letter-spacing: 0.06em; color: var(--accent-green); text-transform: uppercase; - 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; + padding: 0; + margin-bottom: 0.02rem; + border-bottom: 1px solid color-mix(in srgb, var(--border-light) 22%, transparent); + opacity: 0.9; } .aprs-bar-title { display: inline-flex; @@ -679,27 +679,27 @@ small { color: var(--text-muted); } align-items: center; flex: 0 0 auto; padding: 0; - border: 1px solid color-mix(in srgb, var(--border-light) 24%, transparent); + border: 1px solid color-mix(in srgb, var(--border-light) 16%, transparent); border-radius: 999px; - background: color-mix(in srgb, var(--card-bg) 22%, transparent); + background: color-mix(in srgb, var(--card-bg) 16%, transparent); align-self: center; } .aprs-bar-clear { display: inline-flex; align-items: center; - gap: 0.08rem; + gap: 0.04rem; background: transparent; border: none; border-radius: 0; - padding: 0.01rem 0.18rem 0.02rem; - line-height: 0.95; + padding: 0 0.1rem; + line-height: 0.8; font-family: inherit; - font-size: 0.5em; + font-size: 0.36em; font-weight: 600; - letter-spacing: 0.03em; + letter-spacing: 0.02em; color: var(--text-muted); cursor: pointer; - opacity: 0.82; + opacity: 0.76; text-transform: uppercase; white-space: nowrap; transition: opacity 120ms, background 120ms, border-color 120ms, color 120ms; @@ -721,8 +721,8 @@ small { color: var(--text-muted); } border-radius: 0; background: transparent; color: color-mix(in srgb, var(--accent-green) 68%, var(--text-muted)); - font-size: 0.82em; - line-height: 0.9; + font-size: 0.7em; + line-height: 0.75; } .aprs-bar-frame { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;