From d5492a0152a8243f05e4abc9381e58482422c0d2 Mon Sep 17 00:00:00 2001 From: jtricerolph Date: Fri, 10 Jul 2026 12:26:41 +0000 Subject: [PATCH] Fix overdue checkout bracket position: shift card right not just content MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Increase margin-left to 46px so the card's left edge moves 23px rightward, giving the bracket clean space to its left rather than overlapping the card. Restore margin-right to 23px — the extra left margin is the compensation. Reposition bracket and sliver-depart to left: -46px to match. Co-Authored-By: Claude Sonnet 4.6 --- frontend/src/index.css | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 3bc9128..520e77e 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -487,21 +487,20 @@ html, body, #root { letter-spacing: .04em; } -/* Overdue checkout today: bracket extends ~3× into the arriving card slot. - margin-right increase compensates so the card narrows rightward by the same - amount the bracket intrudes leftward, keeping overall row width consistent. */ +/* 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. */ .room-card.has-overdue-checkout { - padding-left: 24px; - margin-right: 46px; + margin-left: 46px; + margin-right: 23px; } .room-card.has-overdue-checkout[data-previous-status]::before { + left: -46px; width: 46px; background: rgba(59, 130, 246, 0.1); } -.room-card.has-overdue-checkout[data-next-status]::after { - right: -46px; -} .room-card.has-overdue-checkout .card-sliver-depart { + left: -46px; width: 46px; font-weight: 700; font-size: 10px;