From 35a3f0044e0fa224a644b4b82f40f72d62f4e9ba Mon Sep 17 00:00:00 2001 From: jtricerolph Date: Fri, 10 Jul 2026 12:32:57 +0000 Subject: [PATCH] Fix bracket gap and right-side alignment for overdue checkout - 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 --- frontend/src/index.css | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 520e77e..5e573a9 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -487,21 +487,20 @@ html, body, #root { letter-spacing: .04em; } -/* Overdue checkout today: card shifts right by 23px (margin-left 46px) so the - wider bracket sits cleanly in that space rather than overlapping the card. - margin-right stays normal — the 23px extra left margin is the compensation. */ +/* Overdue checkout today: card shifts 23px right (margin-left: 46px) so the + wider bracket sits cleanly in the left margin with a 4px gap to the card. + No margin-right override — spans-next and normal rules handle the right side. */ .room-card.has-overdue-checkout { margin-left: 46px; - margin-right: 23px; } .room-card.has-overdue-checkout[data-previous-status]::before { left: -46px; - width: 46px; + width: 42px; background: rgba(59, 130, 246, 0.1); } .room-card.has-overdue-checkout .card-sliver-depart { left: -46px; - width: 46px; + width: 42px; font-weight: 700; font-size: 10px; }