From 8349d7a84b12021ba4962874389f4d9cb2dcbddb Mon Sep 17 00:00:00 2001
From: James Smith <james@floppy.org.uk>
Date: Wed, 4 Sep 2024 12:54:08 +0100
Subject: [PATCH] grid for footer

---
 app/assets/stylesheets/layout.scss     |  4 ++++
 app/views/application/_footer.html.erb | 10 +++++-----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index e7cc63f96..4210dce24 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -18,3 +18,7 @@
 .grid-2-auto {
 	grid-template-columns: auto auto;
 }
+
+.grid-4-auto {
+	grid-template-columns: auto auto auto auto;
+}
diff --git a/app/views/application/_footer.html.erb b/app/views/application/_footer.html.erb
index bfc797f42..7b41cec81 100644
--- a/app/views/application/_footer.html.erb
+++ b/app/views/application/_footer.html.erb
@@ -1,6 +1,6 @@
 <footer class="container-fluid mt-5 py-2 border-top" id="footer">
-  <div class="grid">
-    <div class="g-col-lg-3 me-auto">
+  <div class="grid grid-4-auto">
+    <div>
       <span class="d-inline-flex align-items-center mb-2">
         <%= image_tag "roundel.svg", width: 48, height: 48, class: "me-2", alt: translate(".logo") %>
         <span class="fs-5"><%= t "application.title" %></span>
@@ -15,7 +15,7 @@
         </li>
       </ul>
     </div>
-    <div class="g-col-4 g-col-lg-2 mb-3">
+    <div>
       <h5><%= t ".stats_heading" %></h5>
       <ul class="list-unstyled">
         <li class="mb-2"><%= Library.count %> <%= Library.model_name.human(count: Library.count) %></li>
@@ -23,14 +23,14 @@
         <li class="mb-2"><%= ModelFile.count %> <%= ModelFile.model_name.human(count: ModelFile.count) %></li>
       </ul>
     </div>
-    <div class="g-col-4 g-col-lg-2 mb-3">
+    <div>
       <h5><%= t ".development_heading" %></h5>
       <ul class="list-unstyled">
         <li class="mb-2"><a href="https://github.com/manyfold3d/manyfold" target="_blank"><%= t ".code" %></a></li>
         <li class="mb-2"><a href="https://github.com/manyfold3d/manyfold/issues" target="_blank"><%= t ".issues" %></a></li>
       </ul>
     </div>
-    <div class="g-col-4 g-col-lg-2 mb-3">
+    <div>
       <h5><%= t ".community_heading" %></h5>
       <ul class="list-unstyled">
         <li class="mb-2"><a href="https://matrix.to/#/#manyfold:one.ems.host" target="_blank"><%= t ".chat" %></a></li>