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 {