From 102f488a4f78b7c217291d5196404b785defa865 Mon Sep 17 00:00:00 2001
From: Karol Dzialowski <karlososhd@gmail.com>
Date: Tue, 28 Nov 2023 19:33:07 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20bottom=20bar=20on=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 60b08a4..7f42aee 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -13,11 +13,11 @@ const theme = createTheme({
 function App() {
   return (
     <ThemeProvider theme={theme}>
-      <div className="absolute bottom-0 left-0 mx-auto flex w-full max-w-screen-sm items-center justify-start gap-1 border-t px-2 py-1 mobile:bottom-auto mobile:left-auto mobile:right-0 mobile:top-4 mobile:w-auto mobile:flex-col mobile:items-end mobile:justify-center mobile:border-none mobile:py-0">
+      <div className="fixed bottom-0 left-0 z-10 mx-auto flex w-full items-center justify-start gap-1 border-t bg-neutral-50 px-2 py-1 mobile:bottom-auto mobile:left-auto mobile:right-0 mobile:top-4 mobile:w-auto mobile:flex-col mobile:items-end mobile:justify-center mobile:border-none mobile:bg-transparent mobile:py-0">
         <Settings />
         <GithubButton />
       </div>
-      <div className="mx-auto flex min-h-screen max-w-screen-sm flex-col px-2 py-4">
+      <div className="mx-auto mb-[40px] flex min-h-screen max-w-screen-sm flex-col px-2 py-4">
         <TopBar />
         <TimeEntriesList />
       </div>