[OCaml] High Intensity Training Online
fix show workout duration on mobile
The mobile ledger card hid the duration cell, reserving its second line for progressive overload. Duration is relevant -- especially for imported workouts, whose times come from the export -- so place it on the second line beside progress via a duration grid area, muted so overload still leads. Desktop is unaffected: its table restores the cell as a normal column.
lib/web/assets/hito.css
@@ -557,7 +557,7 @@
557
557
grid-template-columns: auto minmax(0, 1fr) auto;
558
558
grid-template-areas:
559
559
"date workout actions"
560
Removed:
"progress progress actions";
560
Added:
"duration progress actions";
561
561
gap: 0.25rem 0.5rem;
562
562
border: 1px solid var(--rule-strong);
563
563
border-radius: var(--radius);
@@ -592,14 +592,18 @@
592
592
font-weight: 400;
593
593
line-height: 1.25;
594
594
}
595
Removed:
/* Duration remains useful in the desktop table, but a narrow ledger reserves
596
Removed:
its second line for the only primary signal: progressive overload. */
595
Added:
/* Duration sits on the second line beneath the date, beside the primary
596
Added:
progress signal, so the narrow ledger still reports how long the workout
597
Added:
took without crowding progressive overload. */
597
598
.logbook-table tbody > tr:not(.logbook-detail-row) > td:nth-child(3) {
598
Removed:
display: none;
599
Added:
grid-area: duration;
600
Added:
align-self: baseline;
601
Added:
padding: 0 0 0.75rem 0.85rem;
602
Added:
color: var(--muted-ink);
599
603
}
600
604
.logbook-table tbody > tr:not(.logbook-detail-row) > td:nth-child(4) {
601
605
grid-area: progress;
602
Removed:
padding: 0 0 0.75rem 0.85rem;
606
Added:
padding: 0 0 0.75rem 0;
603
607
text-align: left;
604
608
font-family: var(--sans);
605
609
}