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;