From 61162e36da070a1599bffa31746bbce2868f5058 Mon Sep 17 00:00:00 2001 From: Disco DeDisco Date: Wed, 29 Apr 2026 15:00:37 -0400 Subject: [PATCH] fan-card-corner: icon outer-edge aligned; padding-left + fan-only padding-top MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - i { align-self: flex-start } — icon sits at outer card edge regardless of rank width; --br rotate(180deg) maps flex-start to visual right/outer edge - padding-left: 0.5rem on .fan-card-corner — breathing room for rank + icon - .fan-card .fan-card-corner { padding-top: 0.25rem } — top breathing room scoped to game kit fan only; stage cards (sea, sig) unaffected Code architected by Disco DeDisco Git commit message Co-Authored-By: Claude Sonnet 4.6 --- src/static_src/scss/_card-deck.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/static_src/scss/_card-deck.scss b/src/static_src/scss/_card-deck.scss index 96d02d2..68b2895 100644 --- a/src/static_src/scss/_card-deck.scss +++ b/src/static_src/scss/_card-deck.scss @@ -63,6 +63,8 @@ border-color: rgba(var(--secUser), 1); box-shadow: 0 0 2rem rgba(var(--secUser), 0.3); } + + .fan-card-corner { padding-top: 0.25rem; } } .fan-card-corner { @@ -73,6 +75,7 @@ gap: 0.15rem; line-height: 1; color: rgba(var(--secUser), 0.75); + padding-left: 0.5rem; // outer-edge breathing room; --br rotation makes this right-side &--tl { top: 0.4rem; left: 0.4rem; } &--br { bottom: 0.4rem; right: 0.4rem; transform: rotate(180deg); } @@ -82,7 +85,8 @@ font-weight: bold; padding: 0.18rem 0; } - i { font-size: 1.5rem; } + // Icon always at the outer card edge regardless of rank width + i { font-size: 1.5rem; align-self: flex-start; } } .fan-card-face {