diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css index 3cd493293..19c00a4e0 100644 --- a/app/assets/stylesheets/card-columns.css +++ b/app/assets/stylesheets/card-columns.css @@ -306,7 +306,6 @@ } .card__closed { - aspect-ratio: unset; border-width: 0.5ch; font-size: 0.75em; transform: none; diff --git a/app/assets/stylesheets/cards.css b/app/assets/stylesheets/cards.css index def62776d..aaf6056b1 100644 --- a/app/assets/stylesheets/cards.css +++ b/app/assets/stylesheets/cards.css @@ -290,20 +290,20 @@ .card__closed { align-items: center; - aspect-ratio: 8/5; - border: 0.75ch solid var(--card-color); border-radius: 0.2em; + border: 0.75ch solid var(--card-color); color: var(--card-color); display: flex; flex-direction: column; font-weight: bold; - inset: auto var(--block-space) var(--block-space-double) auto; + inset: auto 1ch 1ch auto; justify-content: center; max-inline-size: 25ch; min-inline-size: 16ch; mix-blend-mode: multiply; padding: 1ch; position: absolute; + transform-origin: bottom left; transform: rotate(-10deg); @media (prefers-color-scheme: dark) {