Minor improvements for mobile accessibility

src/components/NavigationBar.vue

@@ -10,7 +10,7 @@ import { currentUser, signOut } from "../pocketbase";
         <div tabindex="0" role="button" class="btn btn-ghost btn-circle lg:hidden">
           <font-awesome-icon icon="fa-solid fa-bars" />
         </div>
-        <ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
+        <ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[20000] p-2 shadow bg-base-100 rounded-box w-52">
           <li><RouterLink class="btn btn-ghost" to="/">Home</RouterLink></li>
 
           <li>

src/components/RestaurantsMap.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, PropType, watch } from "vue";
+import { ref, onMounted, watch } from "vue";
 import "leaflet/dist/leaflet.css";
 import * as L from "leaflet";
 import "../assets/map.css";

src/components/ReviewsDrawer.vue

@@ -56,6 +56,7 @@ defineExpose({ open, close });
             class="btn btn-circle btn-sm text-gray-500 bg-transparent"
             icon="fa-solid fa-xmark"
           />
+          <h3 class="text-lg font-bold ml-5 self-center">{{ props.restaurant?.name }}</h3>
           <div class="flex-1"></div>
           <a
             v-if="props.restaurant?.googleMapsLink"

src/views/CreateView.vue

@@ -51,6 +51,7 @@ function onRestaurantCreationFailed(message: string) {
   <RestaurantsMap @clicked="onMapClicked" />
 
   <CreateRestaurantModal
+    class="z-[10000]"
     @succeeded="onRestaurantCreationSucceeded"
     @failed="onRestaurantCreationFailed"
     ref="createRestaurantModal"