From 0165e9a4bf8292473f845b84fb002dc3926dd7c8 Mon Sep 17 00:00:00 2001
From: Josh-Dev-Quest <naruto.hiuga.hinata@proton.me>
Date: Sun, 1 Mar 2026 16:43:38 +0100
Subject: [PATCH] chore: update map library to leaflet and adjust styles

---
 map-page.html | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/map-page.html b/map-page.html
index ead6d43..7ea385e 100644
--- a/map-page.html
+++ b/map-page.html
@@ -5,13 +5,21 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Journey Mapper - Interactive Map</title>
     
-    <link rel='stylesheet' href='https://unpkg.com/maplibre-gl@5.19.0/dist/maplibre-gl.css' />
-    <script src='https://unpkg.com/maplibre-gl@5.19.0/dist/maplibre-gl.js'></script>
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
     
     <style>
         body { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; }
-        html, body, #map { height: 100%; }
-        
+        html, body {
+            height: 100%;
+        }
+
+        #map { 
+            height: 100vh; 
+            width: 100%; 
+            position: relative;
+        }
+
         /* Sidebar Styles */
         .app-container {
             display: flex;
@@ -585,7 +593,7 @@
                         <i class="fas fa-list"></i> All Journeys
                     </a>
                     <a href="about.html" class="nav-link">
-                        <i class="fas fa-question-circle"></i> Help
+                        <i class="fas fa-question-circle">/i> Help
                     </a>
                 </div>
                 <p class="footer-text">Journey Mapper v1.0</p>