fix(web): «Desde tu última visita» keeps its four numbers in line
Each number sat under its label, and in a narrow panel «Vueltos de QA» takes two lines, so its number fell lower than the others. The numbers go on top now (the markup stays label then value). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -60,15 +60,24 @@ import { timeAgo } from '../copy';
|
|||||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
margin: 0 0 0.75rem;
|
margin: 0 0 0.75rem;
|
||||||
|
/* The number on top: all four in line even when a label («Vueltos de
|
||||||
|
QA») takes two lines in a narrow panel. */
|
||||||
|
> div {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
dt {
|
dt {
|
||||||
color: var(--ts-muted);
|
color: var(--ts-muted);
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
dd {
|
dd {
|
||||||
|
order: -1;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: var(--ts-font-mono);
|
font-family: var(--ts-font-mono);
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
h3 {
|
h3 {
|
||||||
|
|||||||
Reference in New Issue
Block a user