From: Andy Allan <git@gravitystorm.co.uk>
Date: Wed, 29 Jun 2022 16:31:59 +0000 (+0100)
Subject: Bootstrap 5: Replace card-deck with a row-cols-* based grid
X-Git-Tag: live~2078^2~9
X-Git-Url: https://git.openstreetmap.org./rails.git/commitdiff_plain/e2f17abd3dcb86961393cc81999466126c0405ce

Bootstrap 5: Replace card-deck with a row-cols-* based grid
---

diff --git a/app/views/site/help.html.erb b/app/views/site/help.html.erb
index c82893e9d..640c59773 100644
--- a/app/views/site/help.html.erb
+++ b/app/views/site/help.html.erb
@@ -7,10 +7,10 @@
 <% sites = %w[beginners_guide help mailing_lists forums irc switch2osm welcomemat wiki] %>
 <% sites.prepend("welcome") if current_user %>
 
-<% sites.in_groups_of(3, false) do |group| %>
-  <div class="card-deck mb-4">
-    <% group.each do |site| %>
-      <div class='<%= site %> help-item card'>
+<div class="row row-cols-sm-3 g-4 mb-3">
+  <% sites.each do |site| %>
+    <div class="col">
+      <div class='<%= site %> help-item card h-100'>
         <div class='card-body'>
           <h6 class='card-title'>
             <a href='<%= t ".#{site}.url" %>'>
@@ -27,6 +27,6 @@
           </small>
         </div>
       </div>
-    <% end %>
-  </div>
-<% end %>
+    </div>
+  <% end %>
+</div>