From 1b5c7f6861c328d62f83ce93ba50514cc1e02ab5 Mon Sep 17 00:00:00 2001
From: Karol Dzialowski <karlososhd@gmail.com>
Date: Mon, 27 Nov 2023 10:50:13 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Move=20side=20icons=20to=20the?=
 =?UTF-8?q?=20bottom=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 10dec99..60b08a4 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="right-0 mx-auto flex max-w-screen-sm items-center justify-end gap-1 px-2 py-1 mobile:absolute mobile:top-4 mobile:flex-col mobile:items-end mobile:justify-center mobile:py-0">
+      <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">
         <Settings />
         <GithubButton />
       </div>
-      <div className="mx-auto flex min-h-screen max-w-screen-sm flex-col px-2 py-4 max-mobile:py-0">
+      <div className="mx-auto flex min-h-screen max-w-screen-sm flex-col px-2 py-4">
         <TopBar />
         <TimeEntriesList />
       </div>