diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css index 5ee7f9db0..fa2f606b8 100644 --- a/app/assets/stylesheets/card-columns.css +++ b/app/assets/stylesheets/card-columns.css @@ -25,7 +25,7 @@ --expanded-min: 450px; display: flex; - gap: 0.75em; + gap: calc(var(--cards-gap) / 4); justify-content: center; align-items: stretch; position: relative; @@ -149,7 +149,8 @@ --btn-padding: 0; font-weight: 600; - margin-block-start: 0; + line-height: 1; + margin-block-start: 0.5em; } } @@ -221,6 +222,14 @@ font-size: clamp(0.6rem, 0.85cqi, 100px); } + .card__body { + margin-block: var(--block-space-half); + } + + .card__footer { + margin-block-start: var(--block-space-half); + } + .card__title { line-height: 1.2; pointer-events: none;