hotel-manage-stack/room-planner
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix bracket gap and right-side alignment for overdue checkout

Browse source 
- Trim bracket to 42px (from 46px) to restore 4px gap between bracket and card
- Remove margin-right override so spans-next/normal rules handle the right edge
  correctly (was causing a gap on cards with data-spans-next="true")

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
jtricerolph 2026-07-10 12:32:57 +00:00
parent d5492a0152
commit 35a3f0044e
1 changed files with 5 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/index.css
View file

@ -487,21 +487,20 @@ html, body, #root {
letter-spacing: .04em; letter-spacing: .04em;
} }
/* Overdue checkout today: card shifts right by 23px (margin-left 46px) so the /* Overdue checkout today: card shifts 23px right (margin-left: 46px) so the
wider bracket sits cleanly in that space rather than overlapping the card. wider bracket sits cleanly in the left margin with a 4px gap to the card.
margin-right stays normal — the 23px extra left margin is the compensation. */ No margin-right override — spans-next and normal rules handle the right side. */
.room-card.has-overdue-checkout { .room-card.has-overdue-checkout {
margin-left: 46px; margin-left: 46px;
margin-right: 23px;
} }
.room-card.has-overdue-checkout[data-previous-status]::before { .room-card.has-overdue-checkout[data-previous-status]::before {
left: -46px; left: -46px;
width: 46px; width: 42px;
background: rgba(59, 130, 246, 0.1); background: rgba(59, 130, 246, 0.1);
} }
.room-card.has-overdue-checkout .card-sliver-depart { .room-card.has-overdue-checkout .card-sliver-depart {
left: -46px; left: -46px;
width: 46px; width: 42px;
font-weight: 700; font-weight: 700;
font-size: 10px; font-size: 10px;
} }