From ad2006c165f98ff1e6baebda25b80e27b533fe74 Mon Sep 17 00:00:00 2001
From: nyg <nyg@users.noreply.github.com>
Date: Fri, 11 Sep 2026 22:03:42 +0200
Subject: [PATCH] fix: keep footer at the bottom of the viewport on short pages

The footer already used margin-top: auto, but #root was a block container so the rule had no effect and the footer floated under short content. Making #root a full-height flex column lets the footer sit at the bottom of the viewport.
---
 src/styles/base.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/base.css b/src/styles/base.css
index 5774058..8068c2b 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -8,6 +8,7 @@
     -webkit-tap-highlight-color: transparent;
   }
   body { background: var(--bg-grad); min-height: 100vh; overflow-x: hidden; }
+  #root { display: flex; flex-direction: column; min-height: 100vh; }
   button, input, select { font: inherit; color: inherit; }
   a { color: inherit; text-decoration: none; }
   a:hover { text-decoration: underline; }