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

[rails.git] / app / views / site / help.html.erb

diff --git a/app/views/site/help.html.erb b/app/views/site/help.html.erb
index c82893e9d2e6246f19e61a52ea2733741539fc48..640c5977322e9f0a27f37106d097e162d6e6f717 100644 (file)
--- 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>