From ddd87b8748387db69a11500268115fb8931d402e Mon Sep 17 00:00:00 2001
From: Anton <mail@antontranelis.de>
Date: Fri, 1 Sep 2023 00:39:04 +0200
Subject: [PATCH] fix add button bug on mobile and dark mode issue

---
 src/Components/AppShell/NavBar.tsx  | 2 +-
 src/Components/AppShell/SideBar.tsx | 2 +-
 src/Components/Map/UtopiaMap.tsx    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Components/AppShell/NavBar.tsx b/src/Components/AppShell/NavBar.tsx
index 02692ecb..9b1f65f2 100644
--- a/src/Components/AppShell/NavBar.tsx
+++ b/src/Components/AppShell/NavBar.tsx
@@ -131,7 +131,7 @@ export default function NavBar({ appName, useAuth }: { appName: string, useAuth:
 
 
               </label>
-              <ul tabIndex={1} className="tw-menu tw-menu-compact tw-dropdown-content tw-mt-3 tw-p-2 tw-shadow tw-bg-base-100 tw-rounded-box tw-w-52 !tw-z-[1500]">
+              <ul tabIndex={1} className="tw-menu tw-dropdown-content tw-mt-3 tw-p-2 tw-shadow tw-bg-base-100 tw-rounded-box tw-w-52 !tw-z-[1500]">
                 <li><a onClick={() => setLoginOpen(true)}>Login</a></li>
                 <li><a onClick={() => setSignupOpen(true)}>Sign Up</a></li>
               </ul>
diff --git a/src/Components/AppShell/SideBar.tsx b/src/Components/AppShell/SideBar.tsx
index bd333c53..e79bf894 100644
--- a/src/Components/AppShell/SideBar.tsx
+++ b/src/Components/AppShell/SideBar.tsx
@@ -51,7 +51,7 @@ export function SideBar({routes} : {routes : route[]}) {
   return (
     <nav
       id="sidenav"
-      className="group tw-fixed tw-left-0  tw-mt-16 tw-top-0 tw-z-[1035] tw-h-full tw--translate-x-full tw-overflow-hidden tw-bg-white tw-shadow-[0_4px_12px_0_rgba(0,0,0,0.07),_0_2px_4px_rgba(0,0,0,0.05)] data-[te-sidenav-slim='true']:tw-hidden data-[te-sidenav-slim-collapsed='true']:tw-w-[56px] data-[te-sidenav-slim='true']:tw-w-[56px] data-[te-sidenav-hidden='false']:tw-translate-x-0 dark:tw-bg-zinc-800 [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='false']]:tw-hidden [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='true']]:[display:unset]"
+      className="group tw-fixed tw-left-0  tw-mt-16 tw-top-0 tw-z-[1035] tw-h-full tw--translate-x-full tw-overflow-hidden tw-shadow-[0_4px_12px_0_rgba(0,0,0,0.07),_0_2px_4px_rgba(0,0,0,0.05)] data-[te-sidenav-slim='true']:tw-hidden data-[te-sidenav-slim-collapsed='true']:tw-w-[56px] data-[te-sidenav-slim='true']:tw-w-[56px] data-[te-sidenav-hidden='false']:tw-translate-x-0 dark:tw-bg-zinc-800 [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='false']]:tw-hidden [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='true']]:[display:unset]"
       data-te-sidenav-init
       data-te-sidenav-hidden="true"
       data-te-sidenav-mode="side"
diff --git a/src/Components/Map/UtopiaMap.tsx b/src/Components/Map/UtopiaMap.tsx
index 0ea64b7c..c7b37a2f 100644
--- a/src/Components/Map/UtopiaMap.tsx
+++ b/src/Components/Map/UtopiaMap.tsx
@@ -74,8 +74,8 @@ function UtopiaMap({
                                     }
                                 </MarkerClusterGroup>
                                 <MapEventListener setSelectMode={setSelectMode} selectMode={selectMode} setItemFormPopup={setItemFormPopup} />
-                                <AddButton setSelectMode={setSelectMode}></AddButton>
                             </MapContainer>
+                            <AddButton setSelectMode={setSelectMode}></AddButton>
                             {selectMode != null &&
                                 <div className="tw-button tw-z-500 tw-absolute tw-right-5 tw-top-20 tw-drop-shadow-md">
                                     <div className="tw-alert tw-bg-white tw-text-green-900">