From ea6495c40ea5535f5bae0ef920b06808071b2a6e Mon Sep 17 00:00:00 2001
From: Mudskipper <a.dawson@mu.se>
Date: Wed, 22 Apr 2026 21:57:06 +1000
Subject: [PATCH] fix: repair footer grid layout so Links, Downloads, Social
 are separate columns

The Downloads and Social sections were accidentally nested inside the Links
list item, causing them to stack in a single column instead of appearing in
their own grid columns. Also improved responsive spacing: single column on
mobile, evenly spaced at md, and side-by-side at lg.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/footer/Footer.astro | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/components/footer/Footer.astro b/src/components/footer/Footer.astro
index 720be65..54b0ed9 100644
--- a/src/components/footer/Footer.astro
+++ b/src/components/footer/Footer.astro
@@ -29,7 +29,7 @@ const activePreReleaseAriaLabel =
       </p>
     </div>
     <div
-      class="col-start-2 col-span-5 row-start-2 md:col-start-2 md:col-span-2 lg:col-start-6 lg:row-start-1"
+      class="col-start-2 col-span-10 row-start-2 md:col-start-2 md:col-span-3 lg:col-start-6 lg:col-span-2 lg:row-start-1"
     >
       <p class="footer-list-heading">Links</p>
       <ul class="mt-2 footer-link-list space-y-2 md:space-y-0">
@@ -47,7 +47,6 @@ const activePreReleaseAriaLabel =
             >Cloud Saving</a
           >
         </li>
-        <li>
           <li>
             <a href="/features/" aria-label="Link to Features">Features</a>
           </li>
@@ -97,11 +96,10 @@ const activePreReleaseAriaLabel =
               target="_blank">Audio.com</a
             >
           </li>
-        </li>
       </ul>
-
-      <div
-        class="col-start-7 col-span-5 row-start-2 md:col-span-2 md:col-start-4 lg:col-start-8 lg:row-start-1"
+    </div>
+    <div
+        class="col-start-2 col-span-10 row-start-3 md:col-span-3 md:col-start-5 md:row-start-2 lg:col-start-8 lg:col-span-2 lg:row-start-1"
       >
         <p class="footer-list-heading">Downloads</p>
         <ul class="mt-2 footer-link-list space-y-2 md:space-y-0">
@@ -139,7 +137,7 @@ const activePreReleaseAriaLabel =
       </div>
 
       <div
-        class="col-start-2 col-span-5 row-start-3 md:row-start-2 md:col-start-6 md:col-span-2 lg:col-start-10 lg:row-start-1"
+        class="col-start-2 col-span-10 row-start-4 md:row-start-2 md:col-start-8 md:col-span-3 lg:col-start-10 lg:col-span-2 lg:row-start-1"
       >
         <p class="footer-list-heading">Social</p>
         <ul class="mt-2 footer-link-list space-y-2 md:space-y-0">
@@ -198,7 +196,6 @@ const activePreReleaseAriaLabel =
             >.
           </p>
         </div>
-      </div>
     </div>
   </div>