Give the pill zone room for even, centered margins
54px barely cleared two rows, so 3-pill cards filled the zone edge-to-edge while 1-pill rows had slack. Raise the zone to 64px so the wrapped case keeps symmetric top/bottom margins; centering then reads evenly across 1-, 2-, and 3-pill cards. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -108,8 +108,11 @@
|
||||
the zone. (The hero is its own layout and opts out.) */
|
||||
.tile .tags {
|
||||
align-items: center; align-content: center;
|
||||
min-height: 54px; /* fully contains two rows of pills, so every card's
|
||||
tag zone is the same height regardless of pill count */
|
||||
/* Comfortably taller than two rows of pills, so the wrapped (3-pill) case
|
||||
still gets even margins top and bottom rather than filling edge-to-edge.
|
||||
With centering, 1-, 2-, and 3-pill cards all sit symmetrically and their
|
||||
dividers/titles line up. */
|
||||
min-height: 64px;
|
||||
border-bottom: 1px solid var(--line);
|
||||
}
|
||||
/* Source on its own line below the tags, left-justified, for uniformity. */
|
||||
|
||||
Reference in New Issue
Block a user