diff --git a/public/css/events.css b/public/css/events.css index 6e7d718..7883f3e 100644 --- a/public/css/events.css +++ b/public/css/events.css @@ -156,13 +156,11 @@ .booster-stage { display: flex; - align-items: center; - gap: 24px; + align-items: flex-start; + gap: 10px; width: 100%; } -/* ── Stapel links ── */ - .booster-left { display: flex; flex-direction: column; @@ -182,6 +180,7 @@ transition: transform 0.15s ease, filter 0.15s ease; border: 2px solid rgba(255, 255, 255, 0.1); border-radius: 6px; + display: block; } .booster-stapel-img:hover:not(.used) { @@ -202,13 +201,9 @@ text-align: center; } -/* ── Karten-Slots rechts ── */ - +/* Slots werden direkte Flex-Kinder von .booster-stage */ .booster-slots { - display: flex; - gap: 10px; - flex: 1; - justify-content: center; + display: contents; } .booster-slot {