From ff779aefda3d326ee16a28cf5a89511d6d9dc07c Mon Sep 17 00:00:00 2001
From: Alireza Adli <alireza.adli@mail.concordia.ca>
Date: Fri, 3 Nov 2023 08:43:49 -0400
Subject: [PATCH] Fix the problem temporarily by activating the css file

---
 app/src/frontend/map/map.css | 4 ++--
 app/src/frontend/map/map.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/src/frontend/map/map.css b/app/src/frontend/map/map.css
index e1ce929e..22931b27 100644
--- a/app/src/frontend/map/map.css
+++ b/app/src/frontend/map/map.css
@@ -1,6 +1,6 @@
 .map-container {
-    position: absolute;
-    top: 76px; /* sync with header positioning*/
+    position: fixed;
+    top: 0; /* sync with header positioning*/
     bottom: 0;
     left: 0;
     right: 0;
diff --git a/app/src/frontend/map/map.tsx b/app/src/frontend/map/map.tsx
index dd05766a..c41ef69b 100644
--- a/app/src/frontend/map/map.tsx
+++ b/app/src/frontend/map/map.tsx
@@ -134,13 +134,13 @@ export const ColouringMap: FC<ColouringMapProps> = ({
     <div
       ref={mapContainer}
       className="map-container"
-      style={{
+      /*style={{
         position: "absolute",
         top: "0",
         bottom: "0",
         left: "0",
         right: "0",
-      }}
+      }}*/
     >
       {mode !== "basic" && (
         <>