diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css index b1fb99233..6aaacaf8b 100644 --- a/app/assets/stylesheets/card-columns.css +++ b/app/assets/stylesheets/card-columns.css @@ -292,7 +292,6 @@ } .cards__list { - align-items: start; display: flex; flex-direction: row; flex-wrap: wrap; @@ -497,19 +496,19 @@ } /* Override card styles within columns + /* Adding .board-tools here since it sits outside the cards container on mobile */ /* ------------------------------------------------------------------------ */ - body:has(.cards) { - .card { - --block-space: 1em; - --block-space-half: 0.5em; - --card-padding-inline: 1em; - --text-xx-large: 1.6em; - --text-x-small: 1em; + .cards .card, + .board-tools { + --block-space: 1em; + --block-space-half: 0.5em; + --card-padding-inline: 1em; + --text-xx-large: 1.6em; + --text-x-small: 1em; - /* Set lower limit for font size */ - font-size: clamp(0.6rem, 0.85cqi, 100px); - } + /* Set lower limit for font size */ + font-size: clamp(0.6rem, 0.85cqi, 100px); .card__comments { --column-gap: 0.8ch; diff --git a/app/views/boards/show.html.erb b/app/views/boards/show.html.erb index c6d6d4bbe..36f3cd552 100644 --- a/app/views/boards/show.html.erb +++ b/app/views/boards/show.html.erb @@ -1,5 +1,5 @@ <% @page_title = @board.name %> -<% @body_class = "body--boards contained-scrolling" %> +<% @body_class = "contained-scrolling" %> <% turbo_exempts_page_from_cache %> <%= turbo_stream_from @board %> diff --git a/app/views/public/boards/show.html.erb b/app/views/public/boards/show.html.erb index 78a42f378..d3562c59c 100644 --- a/app/views/public/boards/show.html.erb +++ b/app/views/public/boards/show.html.erb @@ -1,5 +1,5 @@ <% @page_title = @board.name %> -<% @body_class = "body--boards contained-scrolling" %> +<% @body_class = "contained-scrolling" %> <% content_for :head do %> <%= tag.meta property: "og:title", content: "#{@board.name} | #{Current.account.name}" %>