From 4d896adcdb6e7fc8ca99619a7f85a556fe8428b1 Mon Sep 17 00:00:00 2001
From: Leo <leo.a.alho@gmail.com>
Date: Mon, 2 Mar 2026 20:42:44 +0200
Subject: [PATCH] Fix bottom nav bar hidden on mobile

Use 100dvh (dynamic viewport height) so the layout accounts for mobile
browser chrome (address bar, navigation bar), with 100vh as fallback.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index 8a8a112..38e8753 100644
--- a/index.html
+++ b/index.html
@@ -37,6 +37,7 @@ body {
   color: var(--text-primary);
   font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
   height: 100vh;
+  height: 100dvh;
   display: flex;
   flex-direction: column;
   overflow: hidden;