💄 Move side icons to the bottom on mobile

karlosos · Nov 27, 2023 · 1b5c7f6 · 1b5c7f6
1 parent fff8ce6
commit 1b5c7f6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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>