amadan
home: Manage pill matches the tier badge's height (#693)
Same font size and padding as the badge; the ≥24px tap target survives via an invisible ::before hit-area extension instead of visual bulk.
Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
1 file changed,
+5
−1
home/web/pages/index.html+5 −1
diff --git a/home/web/pages/index.html b/home/web/pages/index.html| index f8d73e5..c18e601 100644 |
| --- a/home/web/pages/index.html |
| +++ b/home/web/pages/index.html |
| @@ -248,9 +248,13 @@ |
| .badge-row { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-top: 2px; } |
| .row-manage { |
| font: inherit; font-size: .62rem; font-weight: 600; cursor: pointer; |
| - min-height: 24px; padding: 1px 8px; border-radius: 999px; |
| + padding: 1px 8px; border-radius: 999px; line-height: inherit; |
| color: var(--muted); background: none; border: 1px solid var(--border); |
| + /* Same visual height as the badge; the tap target stays ≥24px via an |
| + invisible hit-area extension, not visual bulk. */ |
| + position: relative; |
| } |
| + .row-manage::before { content: ""; position: absolute; inset: -6px; border-radius: 999px; } |
| .row-manage:hover { color: var(--accent); border-color: var(--accent); } |
| .row-manage:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; } |
| .row-manage:disabled { opacity: .4; cursor: default; } |