Skip to content

Commit 1421bfe

Browse files
fix(web): schedule time column fits the longest range on one line
"6:15–6:30pm" wrapped onto two lines in the 5rem column. The column is now 7rem, which holds the longest compact range ("11:30am–12:30pm"), never wraps, and uses tabular figures so the times line up. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01TGqwPjt3v4eMfiHpPmCKnR
1 parent 728898a commit 1421bfe

1 file changed

Lines changed: 2 additions & 1 deletion

File tree

‎apps/web/src/components/ScheduleBlock.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,8 @@ export function ScheduleBlock({ agenda, eventVenue = null, id, className }: Sche
7474
{d.items.map(({ item, venue }, i) => (
7575
<li key={`${item.startsAt}-${i}`} className="text-sm">
7676
<div className="flex gap-3">
77-
<span className="w-20 shrink-0 text-muted-foreground">
77+
{/* Wide enough for the longest range ("11:30am–12:30pm") on one line. */}
78+
<span className="w-28 shrink-0 whitespace-nowrap tabular-nums text-muted-foreground">
7879
{formatCompactRange(item.startsAt, item.endsAt)}
7980
</span>
8081
<div className="min-w-0">

0 commit comments

Comments
 (0)