Make Watch insights cards match in height
All checks were successful
Deploy / deploy (push) Successful in 22s
All checks were successful
Deploy / deploy (push) Successful in 22s
Most played rows carry a two-line title+username layout while Top viewers/TV/movies rows are single-line, so the two card rows ended up visibly different heights even though each pair matched within its own row. Give .top-item a fixed min-height so every row — and therefore every card, all four hold exactly 3 items — lines up the same. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
parent
0d63339490
commit
faf25a811a
1 changed files with 1 additions and 0 deletions
|
|
@ -563,6 +563,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 0.65rem;
|
gap: 0.65rem;
|
||||||
|
min-height: 3.25rem;
|
||||||
padding: 0.5rem 0.65rem;
|
padding: 0.5rem 0.65rem;
|
||||||
background: var(--surface-2);
|
background: var(--surface-2);
|
||||||
border: 1px solid var(--border);
|
border: 1px solid var(--border);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue