From 2ba51e0c80bd092f00b00da624d13a886cb415ab Mon Sep 17 00:00:00 2001
From: nooahe <noah.eckert@bluewin.ch>
Date: Tue, 15 Nov 2022 17:31:06 +0100
Subject: [PATCH] ...

---
 css/style.css | 52 +++++++++++++++++++++++++++++++++++++--------------
 loadMap.js    |  7 ++++++-
 2 files changed, 44 insertions(+), 15 deletions(-)

diff --git a/css/style.css b/css/style.css
index 7078bbd..81c4ce6 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,9 +1,27 @@
+
+
+body, html {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+
+
+
+
+
+
 h1 {
   color: black;
 }
 
 #overlay{
-  
+  position: absolute;
+  top: 10vh;
+  height: 90vh;
+  background: wheat;
+
 }
 
 .hidden{
@@ -15,20 +33,30 @@ h1 {
 }
 
 #map {
-  height: 50vh;
-  width: 100%;
+  height: 100vh;
+  width: 100vw;
   float: left;
 }
 
-#location {
-  height: 30px;
-  width: 30px;
+#currentLocation {
+  height: 80px;
+  width: 80px;
+  z-index: 100;
 }
 
-#MapControls {
-  height: 50vh;
-  width: 50vh;
-  float: left;
+.MapControls {
+  height: 300px;
+  width: 100px;
+  position: absolute;
+  top: 0;
+  right: 0;
+
+  display: flex;
+  justify-content: end;
+
+
+
+
 }
 
 
@@ -50,10 +78,6 @@ h1 {
   height: 80px;
 }
 
-#currentLocation {
-  height: 30px;
-  width: 30px;
-}
 
 #cancel {
   width: 60px;
diff --git a/loadMap.js b/loadMap.js
index 85ecbb8..3fe8c98 100644
--- a/loadMap.js
+++ b/loadMap.js
@@ -56,6 +56,7 @@ function addMarkers(){
 
          marker.addListener("click", () => {
           ideeAnzeigen(markerData[i]);
+          
           openOverlay();
           
          })
@@ -74,7 +75,11 @@ function addMarkers(){
 
 map.addListener("click", (mapsMouseEvent) => {
   newMarker(mapsMouseEvent.latLng);
-  openOverlay();
+
+  setTimeout(() => {
+    openOverlay();
+  }, 800);
+  
 
   formularErstellen(mapsMouseEvent.latLng);
 })