From 0a48a1938cdabc6c695781e7dc27ddf508c5ce12 Mon Sep 17 00:00:00 2001
From: Keith Solomon <keith@vincentdesign.ca>
Date: Sat, 27 Jun 2026 22:54:17 -0500
Subject: [PATCH] fix: align mobile footer navigation

---
 styles/components/site-footer.css | 1 +
 tests/mobile-homepage.spec.js     | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/styles/components/site-footer.css b/styles/components/site-footer.css
index 9a1fa26..7ee0481 100644
--- a/styles/components/site-footer.css
+++ b/styles/components/site-footer.css
@@ -103,6 +103,7 @@
         gap: clamp(0.625rem, 3.23vw, 0.8125rem) clamp(1.59375rem, 7.96vw, 2rem);
         grid-auto-flow: column;
         grid-template-rows: repeat(3, auto);
+        padding-inline-start: 0;
     }
 
     .site-footer .site-footer__nav-item {
diff --git a/tests/mobile-homepage.spec.js b/tests/mobile-homepage.spec.js
index bc5c90a..2d9f1b3 100644
--- a/tests/mobile-homepage.spec.js
+++ b/tests/mobile-homepage.spec.js
@@ -705,12 +705,20 @@ test("mobile footer matches the reference hierarchy", async ({ page }) => {
     const logo = await getBox(footer.locator(".site-footer__logo-image"));
     const backToTop = await getBox(footer.locator("#backToTopBtn"));
     const nav = await getBox(footer.locator("#footer-nav"));
+    const firstNavLink = await getBox(
+        footer.locator(".site-footer__nav-link").first(),
+    );
     const contact = await getBox(footer.locator(".contact"));
+    const firstContactItem = await getBox(
+        footer.locator(".contact__item").first(),
+    );
 
     expectNear(footerBox.height, 673, 12);
     expectNear(logo.y, backToTop.y, 8);
     expect(nav.y).toBeGreaterThan(logo.y + logo.height);
     expect(contact.y).toBeGreaterThan(nav.y + nav.height);
+    expectNear(firstNavLink.x, logo.x, 2);
+    expectNear(firstNavLink.x, firstContactItem.x, 2);
 });
 
 test("mobile footer scales down and remains contained", async ({ page }) => {