From 88031d78a5997b896e321feac08d5766b816a052 Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Sun, 22 Mar 2026 23:58:54 +0800
Subject: [PATCH] fix(css): center footer on mobile

Consolidate two conflicting mobile footer rules into one, setting
flex-direction to column, align-items to center, and text-align to
center so the footer is symmetrically centered on narrow viewports.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 website/static/style.css | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/website/static/style.css b/website/static/style.css
index 38eeab29..724c133a 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -1014,8 +1014,9 @@ th[data-sort].sort-asc::after {
   }
 
   .footer {
-    align-items: flex-start;
     flex-direction: column;
+    align-items: center;
+    text-align: center;
   }
 
   .hero-actions,
@@ -1037,10 +1038,6 @@ th[data-sort].sort-asc::after {
     width: 100%;
   }
 
-  .footer {
-    align-items: flex-end;
-  }
-
   .hero h1 {
     font-size: clamp(3.6rem, 18vw, 5.2rem);
   }