fix(desktop): separate calendar day columns#5377
Conversation
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 1 potential issue.
❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.
Reviewed by Cursor Bugbot for commit 9f2a87c. Configure here.
| <div | ||
| className={cn([ | ||
| "border-r border-b border-neutral-100", | ||
| "border-r border-b border-r-neutral-200 border-b-neutral-100", |
There was a problem hiding this comment.
Last column border inconsistency between header and cells
Low Severity
The header in calendar-view.tsx conditionally applies border-r only to columns before the last (i < visibleHeaders.length - 1), but DayCell unconditionally applies border-r border-r-neutral-200 to every cell including those in the last column. This creates a visible vertical line on the right edge of the last column's day cells with no matching border in the header above, producing a visual misalignment between headers and body.
Additional Locations (1)
Reviewed by Cursor Bugbot for commit 9f2a87c. Configure here.
Add visible column dividers to calendar headers and day cells.
9f2a87c to
7a04f5d
Compare
✅ Deploy Preview for old-char canceled.
|


Add visible column dividers to calendar headers and day cells.
This is part 2 of 3 in a stack made with GitButler:
Note
Low Risk
CSS-only calendar layout tweaks with no logic, data, or security impact.
Overview
The desktop calendar grid now shows clearer vertical separators between day columns.
Weekday header cells get a right border on every column except the last, using
border-r-neutral-200so dividers align with the header row’s existing bottom border. Day cells use the same stronger right border while keeping the lighter bottom border (border-b-neutral-100), so column lines read consistently from the header through the grid.Reviewed by Cursor Bugbot for commit 7a04f5d. Bugbot is set up for automated code reviews on this repo. Configure here.