Map z-index fix + adjustments

- Set map z-index lower than nav
- Relocated search box to account for conditional visibility
- Various conditional fixes
- Spacing adjustments

src/views/DiscoverView.vue

@@ -11,30 +11,9 @@
 
     <OnboardingDialog ref="onboardingDialog" />
 
-    <!-- Quick Search -->
-    <div
-      id="QuickSearch"
-      class="mt-8 mb-4 flex"
-      :style="{ visibility: isSearchVisible ? 'visible' : 'hidden' }"
-    >
-      <input
-        v-model="searchTerms"
-        type="text"
-        placeholder="Search…"
-        class="block w-full rounded-l border border-r-0 border-slate-400 px-3 py-2"
-        @keyup.enter="searchSelected()"
-      />
-      <button
-        class="px-4 rounded-r bg-slate-200 border border-l-0 border-slate-400"
-        @click="searchSelected()"
-      >
-        <font-awesome icon="magnifying-glass" class="fa-fw"></font-awesome>
-      </button>
-    </div>
-
     <!-- Result Tabs -->
     <!-- Top Level Selection -->
-    <div class="text-center text-slate-500 border-b border-slate-300 mb-4">
+    <div class="text-center text-slate-500 border-b border-slate-300 mt-4 mb-2">
       <ul class="flex flex-wrap justify-center gap-4 -mb-px">
         <li>
           <a
@@ -146,6 +125,27 @@
       </ul>
     </div>
 
+    <!-- Quick Search -->
+    <div
+      id="QuickSearch"
+      class="mt-6 mb-4 flex"
+      :style="{ display: isSearchVisible ? 'flex' : 'none' }"
+    >
+      <input
+        v-model="searchTerms"
+        type="text"
+        placeholder="Search…"
+        class="block w-full rounded-l border border-r-0 border-slate-400 px-3 py-2"
+        @keyup.enter="searchSelected()"
+      />
+      <button
+        class="px-4 rounded-r bg-slate-200 border border-l-0 border-slate-400"
+        @click="searchSelected()"
+      >
+        <font-awesome icon="magnifying-glass" class="fa-fw"></font-awesome>
+      </button>
+    </div>
+
     <div v-if="isLocalActive">
       <div class="text-center">
         <button
@@ -159,7 +159,7 @@
     </div>
 
     <div v-if="isMappedActive && !tempSearchBox">
-      <div class="mt-4 h-96 w-5/6 mx-auto">
+      <div class="mt-6 h-96 w-full mx-auto">
         <l-map
           ref="projectMap"
           @ready="onMapReady"
@@ -167,6 +167,7 @@
           @movestart="onMoveStart"
           @zoomend="onZoomEnd"
           @zoomstart="onZoomStart"
+          class="z-40"
         >
           <l-tile-layer
             url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
@@ -197,14 +198,18 @@
           -->
         </span>
         <span v-else-if="isAnywhereActive"
-          >No projects were found with that search.</span
+          >No {{ isProjectsActive ? 'projects' : 'people' }} were found with that search.</span
         >
       </p>
     </div>
 
     <!-- Results List -->
     <InfiniteScroll @reached-bottom="loadMoreData">
-      <ul id="listDiscoverResults">
+      <ul 
+        id="listDiscoverResults" 
+        class="border-t border-slate-300 mt-6"
+        v-if="projects.length > 0 || userProfiles.length > 0"
+      >
         <!-- Projects List -->
         <template v-if="isProjectsActive">
           <li