From f5294144aff0fe79c1ca8101dc6101c98312585f Mon Sep 17 00:00:00 2001 From: Guido Date: Wed, 5 Aug 2026 12:51:29 +0200 Subject: [PATCH] =?UTF-8?q?Fix:=20Score-Bump=20gleitet=20nicht=20mehr=20?= =?UTF-8?q?=C3=BCber=20das=20Wanted-Plakat?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .score-box streckte sich (Flex-stretch) über die volle Breite; die Bump-Skalierung von der Mitte schob die linke Kante übers Plakat. Jetzt align-self:flex-start (inhaltsbreit) + transform-origin:left -> Animation wächst nach rechts. Co-Authored-By: Claude Opus 4.8 --- public/css/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/css/style.css b/public/css/style.css index a48f4e2..4c78b5b 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -83,7 +83,7 @@ button { font-family: inherit; cursor: pointer; } .wanted-reward { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } #hud-right { flex: 1; display: flex; flex-direction: column; gap: 10px; } -.score-box { font-size: 20px; font-weight: 800; color: var(--ink); } +.score-box { font-size: 20px; font-weight: 800; color: var(--ink); align-self: flex-start; transform-origin: left center; } .score-box #score { color: var(--pink-soft); } .score-box.bump { animation: bump 0.28s ease; } @keyframes bump { 0% { transform: scale(1); } 40% { transform: scale(1.35); color: var(--ok); } 100% { transform: scale(1); } }