style: center tag tap targets without overlapping neighbours

Each tag's tap area overlapped the next tag's and, with both insets plus min-height set, grew downward only, sitting off-center.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-10-25 21:55:43 +08:00
co-authored by Claude
parent 242af0e11e
commit d829a262a3
+3 -3
View File
@@ -1246,12 +1246,12 @@ th[data-sort].sort-asc::after {
margin-left: 0.2rem;
}
/* A 44px-tall target centered on the pill, kept clear of the neighbouring tags */
.tag::after {
content: "";
position: absolute;
inset: -0.5rem -0.25rem;
min-height: 44px;
min-width: 44px;
inset-block: calc((100% - 44px) / 2);
inset-inline: -0.1rem;
}
.tag:hover {