From 3b229b4719b86720b618a787fccf53125c4938c6 Mon Sep 17 00:00:00 2001
From: Grzegorz Kucmierz <gkucmierz@gmail.com>
Date: Thu, 26 Feb 2026 23:35:00 +0000
Subject: [PATCH] fix(ui): adjust mobile bottom padding to match top margin

---
 src/App.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 251baa8..a125ac9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -66,8 +66,8 @@ onUnmounted(() => {
   padding: 2rem;
   width: 100%;
   max-width: 100%;
-  /* Space for fixed footer on mobile + extra margin (generous to ensure gap) */
-  padding-bottom: calc(100px + env(safe-area-inset-bottom));
+  /* Space for fixed footer on mobile + extra margin (match top padding 2rem + footer height ~40px) */
+  padding-bottom: calc(2rem + 40px + env(safe-area-inset-bottom));
 }
 
 @media (min-width: 768px) {