From dd416f8bdf6106b93333723e5c542f3c0a905310 Mon Sep 17 00:00:00 2001
From: admin <admin@thebunkerops.ca>
Date: Sun, 20 Jul 2025 10:25:46 -0600
Subject: [PATCH] fixed the search float

---
 map/app/public/css/style.css | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/map/app/public/css/style.css b/map/app/public/css/style.css
index 547c2c1..c89bc19 100644
--- a/map/app/public/css/style.css
+++ b/map/app/public/css/style.css
@@ -45,7 +45,7 @@ body {
     justify-content: space-between;
     padding: 0 20px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-    z-index: 1000;
+    z-index: 10001; /* Increase from 1000 to be higher than map controls */
     position: relative;
 }
 
@@ -873,6 +873,7 @@ body {
     position: relative;
     flex: 0 1 400px;
     margin: 0 1rem;
+    /* Remove z-index here - let it inherit from header */
 }
 
 .docs-search-wrapper {
@@ -913,8 +914,8 @@ body {
     background: white;
     border: 1px solid #ddd;
     border-radius: 4px;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-    z-index: 9000;
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
+    z-index: 10002; /* Just slightly higher than header */
     overflow: hidden;
     display: flex;
     flex-direction: column;
@@ -1018,8 +1019,10 @@ body {
         display: block;
         width: 100%;
         margin: 10px 0;
-        padding: 0 0px; /* Remove side padding for edge-to-edge */
+        padding: 0 0px;
+        /* Remove z-index */
     }
+    
     .docs-search-wrapper {
         width: 100%;
     }
@@ -1030,17 +1033,18 @@ body {
     }
     .docs-search-results {
         position: fixed !important;
-        top: var(--header-height, 60px); /* Just below header */
+        top: var(--header-height, 60px);
         left: 0 !important;
         right: 0 !important;
         width: 100vw !important;
         max-width: 100vw !important;
         min-width: 0 !important;
         border-radius: 0 0 12px 12px;
-        z-index: 9000;
+        z-index: 10002; /* Same as desktop */
         margin: 0;
-        box-shadow: 0 8px 24px rgba(0,0,0,0.18);
+        box-shadow: 0 8px 24px rgba(0,0,0,0.25);
     }
+    
     .docs-search-results-list {
         max-height: 50vh;
         overflow-y: auto;