[OCaml] High Intensity Training Online
fix Baseline-align mobile ledger date and workout
The date uses the mono face and the workout uses the body face; aligning their grid boxes left their glyphs visibly uneven. Align both cells on their text baselines with the same line-height, while the action control remains independently pinned at the upper right.
lib/web/assets/hito.css
@@ -558,8 +558,10 @@
558
558
}
559
559
.logbook-table tbody > tr:not(.logbook-detail-row) > td:nth-child(1) {
560
560
grid-area: date;
561
Added:
align-self: baseline;
561
562
padding: 0.75rem 0 0 0.85rem;
562
563
font-family: var(--mono);
564
Added:
line-height: 1.25;
563
565
white-space: nowrap;
564
566
}
565
567
.logbook-table tbody > tr:not(.logbook-detail-row) > td:nth-child(1)::after {
@@ -569,9 +571,11 @@
569
571
}
570
572
.logbook-table tbody > tr:not(.logbook-detail-row) > td:nth-child(2) {
571
573
grid-area: workout;
574
Added:
align-self: baseline;
572
575
min-width: 0;
573
576
padding: 0.75rem 0 0;
574
577
font-weight: 400;
578
Added:
line-height: 1.25;
575
579
}
576
580
/* Duration remains useful in the desktop table, but a narrow ledger reserves
577
581
its second line for the only primary signal: progressive overload. */