Fix layout for smaller screens

ScilifelabDataCentre · May 22, 2023 · 099cf64 · 099cf64
1 parent e2ebc1f
commit 099cf64
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/layouts/partials/dashboards.html b/layouts/partials/dashboards.html
@@ -2,7 +2,7 @@
 {{ $currentPage := path.Split (path.Clean .RelPermalink) }}
 {{ $homepage_dashboards := slice "post_covid" "vaccines" "wastewater" }}
 
-<div class="row row-cols-2 row-cols-lg-3 g-2 {{ if not $displayed_in_homepage }}g-lg-3{{ end }}">
+<div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 g-2 {{ if not $displayed_in_homepage }}g-lg-3{{ end }}">
   {{ range .Site.Menus.dashboard_menu }}
     {{ if or 
        (eq $currentPage.File "dashboards")

diff --git a/layouts/partials/highlights.html b/layouts/partials/highlights.html
@@ -5,7 +5,7 @@
   {{ $highlights = first 3 $highlights }}
 {{ end }}
 
-<div class="row row-cols-2 row-cols-lg-3 g-2 {{ if not $displayedInHome }}g-lg-3{{ end }}">
+<div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 g-2 {{ if not $displayedInHome }}g-lg-3{{ end }}">
 {{ range $highlights }}
   <!-- If its a topics highlight page, display only relavant DH-->
   {{ if or (ne $currentPage.Dir "/highlights/topics/") (in (apply .Params.highlights_topics "urlize" ".") $currentPage.File) }}