fixing UI issue for locate me feature

Author: archig97

templates/search/locateme.html

@@ -17,7 +17,7 @@
 
     #map {
         width: 100%;
-        height: 500px;
+        height: 600px;
         border: 2px solid white;
         border-radius: 10px;
     }
@@ -29,7 +29,7 @@
 </style>
 
 <div class="container">
-    <h1 style="text-align: center;">Find Your Current Location</h1>
+    <h1 style="text-align: center;">Check where you are!!</h1>
 
     <!-- Map Section -->
     <div class="map-container">
@@ -66,14 +66,14 @@ <h1 style="text-align: center;">Find Your Current Location</h1>
                     // Display error message if geolocation fails
                     const errorDiv = document.getElementById("error");
                     errorDiv.style.display = "block";
-                    errorDiv.innerText = "Unable to fetch your location. Please allow location access in your browser.";
+                    errorDiv.innerText = "Unable to fetch your location. Please allow location access to us in your browser.";
                 }
             );
         } else {
             // If geolocation is not supported
             const errorDiv = document.getElementById("error");
             errorDiv.style.display = "block";
-            errorDiv.innerText = "Geolocation is not supported by your browser.";
+            errorDiv.innerText = "Sorry! Geolocation is not supported by your browser.";
         }
     }