From 0a318f4bb1fe6e10001c510e61bbe886378e473e Mon Sep 17 00:00:00 2001
From: Anton Afanasyeu <a.afanasieff@gmail.com>
Date: Wed, 5 Aug 2026 13:17:44 +0200
Subject: [PATCH] FOR SALE ribbon: shift left by half its length.

Pre-rotate translateX uses stacked-letter height in em units.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 assets/css/app.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index 3666092..ce10645 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -2503,7 +2503,9 @@ button.report-tag--filter:hover {
   z-index: 1100;
   cursor: pointer;
   text-decoration: none;
-  transform: rotate(-135deg);
+  font-size: 0.7rem;
+  /* Half ribbon length (stack height) left before rotation. */
+  transform: translateX(calc(-0.5 * (8 * 1.05em + 0.86em))) rotate(-135deg);
   transform-origin: center center;
   line-height: 0;
 }