X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/8bd001f1282b7a33a71c0565504e160dbe567d5d..49ba5ab6d2e98221246635327eb15dc71c97e67d:/app/views/site/help.html.erb

diff --git a/app/views/site/help.html.erb b/app/views/site/help.html.erb
index 085ea63d5..b180eb1a5 100644
--- a/app/views/site/help.html.erb
+++ b/app/views/site/help.html.erb
@@ -4,15 +4,22 @@
 
 <p class='introduction'><%= t ".introduction" %></p>
 
-<% ['welcome', 'beginners_guide', 'help', 'mailing_lists', 'forums', 'irc', 'switch2osm', 'wiki'].each do |site| %>
-  <% unless site == 'welcome' && !current_user %>
-  <div class='<%= site %> help-item'>
-  <h3>
-    <a href='<%= t ".#{site}.url" %>'>
-      <%= t ".#{site}.title" %>
-    </a>
-  </h3>
-  <p><%= t ".#{site}.description" %></p>
-  </div>
+<% sites = %w[beginners_guide community mailing_lists irc switch2osm welcomemat wiki] %>
+<% sites.prepend("welcome") if current_user %>
+
+<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'>
+        <h6 class='card-header'>
+          <a href='<%= t ".#{site}.url" %>' class='stretched-link'>
+            <%= t ".#{site}.title" %>
+          </a>
+        </h6>
+        <div class='card-body'>
+          <p class='card-text'><%= t ".#{site}.description" %></p>
+        </div>
+      </div>
+    </div>
   <% end %>
-<% end %>
+</div>