From 7e908d344736b4324ecb948b9e107335d81635fa Mon Sep 17 00:00:00 2001 From: jtricerolph Date: Fri, 10 Jul 2026 12:16:51 +0000 Subject: [PATCH] Fix overdue checkout bracket: narrow card right, centre and bold checkout time MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Increase margin-right to 46px so the card pulls in rightward by the same 23px the bracket intrudes leftward — net card width stays consistent with other rooms - Widen .card-sliver-depart to match bracket width (46px) so the time and clock icon centre horizontally within the bracket rather than pinning to the far left - Bump font-weight to 700 and font-size to 10px for clearer readability - Also correct ::after right position when a next-status bracket is present Co-Authored-By: Claude Sonnet 4.6 --- frontend/src/index.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 93dcc6a..3bc9128 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -487,14 +487,25 @@ html, body, #root { letter-spacing: .04em; } -/* Overdue checkout today: bracket extends ~3× into the arriving card slot */ +/* 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. */ .room-card.has-overdue-checkout { padding-left: 24px; + margin-right: 46px; } .room-card.has-overdue-checkout[data-previous-status]::before { 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 { + width: 46px; + font-weight: 700; + font-size: 10px; +} /* Blocked room */ .room-card.room-blocked {