From 029ee1c9cba3fdd2413a0a163c0ce0336df93edb Mon Sep 17 00:00:00 2001 From: Anton Afanasyeu Date: Wed, 5 Aug 2026 13:49:56 +0200 Subject: [PATCH] FOR SALE ribbon: double strip height, keep border width. Revert 2x borders; widen white band via padding-inline only. Co-authored-by: Cursor --- assets/css/app.css | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/assets/css/app.css b/assets/css/app.css index 83b02e8..9516cd1 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -2505,7 +2505,7 @@ button.report-tag--filter:hover { text-decoration: none; font-size: 0.7rem; /* Half ribbon length (stack height) left before rotation. */ - transform: translateX(calc(-0.5 * (8 * 1.05em + 1.72em))) rotate(-135deg); + transform: translateX(calc(-0.5 * (8 * 1.05em + 0.86em))) rotate(-135deg); transform-origin: center center; line-height: 0; } @@ -2519,10 +2519,10 @@ button.report-tag--filter:hover { background: #fff; border-top: none; border-bottom: none; - border-left: 4px solid #c00; - border-right: 4px solid #c00; - box-shadow: inset 6px 0 0 0 #c00, inset -6px 0 0 0 #c00; - padding: 2px; + border-left: 2px solid #c00; + border-right: 2px solid #c00; + box-shadow: inset 3px 0 0 0 #c00, inset -3px 0 0 0 #c00; + padding: 1px; overflow: visible; } /* Extend band both ways from letter block — layout box unchanged, center stays put. */ @@ -2549,7 +2549,8 @@ button.report-tag--filter:hover { display: block; background: transparent; border: none; - padding: 0.3rem 0.45rem; + /* padding-inline = strip height when band runs horizontally (2×). */ + padding: 0.3rem 0.9rem; } .platform-for-sale-badge__letters { display: flex;