diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css index 57edea0af..03dbd138e 100644 --- a/app/assets/stylesheets/card-columns.css +++ b/app/assets/stylesheets/card-columns.css @@ -244,6 +244,7 @@ z-index: 1; } + .card__stages, .card__hide-on-index { display: none; } @@ -361,6 +362,7 @@ rotate: 180deg; } } + .card { --avatar-size: 2.75em; --text-small: 1.1em; @@ -387,6 +389,7 @@ /* The following groups the header and title on considering cards */ .card__header { color: var(--color-ink); + padding-block-start: calc(var(--card-padding-block) / 2); } .card__collection, diff --git a/app/helpers/cards_helper.rb b/app/helpers/cards_helper.rb index a0e57663e..bfa9c46c8 100644 --- a/app/helpers/cards_helper.rb +++ b/app/helpers/cards_helper.rb @@ -71,7 +71,7 @@ module CardsHelper end def cards_expander(title, count) - tag.header class: "cards__expander btn btn--plain", data: { action: "click->collapsible-columns#toggle" }, style: "--card-count: #{[count, 20].min}", aria: { role: "button" } do + tag.header class: "cards__expander btn btn--plain", data: { action: "click->collapsible-columns#toggle" }, style: "--card-count: #{[ count, 20 ].min}", aria: { role: "button" } do concat(tag.span count > 99 ? "99+" : count, class: "cards__expander-count") concat(tag.h2 title, class: "cards__expander-title") end