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 {