From 362e549d8b4beebede9eb4d8a65770c5812490cc Mon Sep 17 00:00:00 2001
From: lenovo <lenovo@lenovo.com>
Date: Mon, 14 Nov 2022 14:18:42 +0100
Subject: [PATCH] infowindow style fabien

---
 .../map_prof/scripts/mp_filter_events.js      |  2 +-
 .../map_prof/styles/mp_info_windows.css       | 50 +++++++++++--------
 2 files changed, 29 insertions(+), 23 deletions(-)

diff --git a/srcs/plugins/map_prof/scripts/mp_filter_events.js b/srcs/plugins/map_prof/scripts/mp_filter_events.js
index a1a35c5..6b4a340 100644
--- a/srcs/plugins/map_prof/scripts/mp_filter_events.js
+++ b/srcs/plugins/map_prof/scripts/mp_filter_events.js
@@ -93,7 +93,7 @@ function is_element_unchecked(element) {
 
 function filter_show_only_selection(element, indexes, menu, add = false, zoom_in = true) {
 
-	// temp solution because we can't actually put onclick event inside select options
+	// BAD WORKAROUND solution because we can't actually put onclick event inside select options
 	// on chrome, so I have to recover the indexes another way
 	if (element.type == "select-one") {
 		if (element.value == menu)
diff --git a/srcs/plugins/map_prof/styles/mp_info_windows.css b/srcs/plugins/map_prof/styles/mp_info_windows.css
index dd8c094..fdec447 100644
--- a/srcs/plugins/map_prof/styles/mp_info_windows.css
+++ b/srcs/plugins/map_prof/styles/mp_info_windows.css
@@ -7,7 +7,7 @@
 
 
 /* **************************************
-	WINDOW ITSELF
+	GOOGLE WINDOW
 */
 
 .gm-style-iw.gm-style-iw-c {
@@ -23,7 +23,7 @@
 
 
 /* **************************************
-	TRIANGLE
+	GOOGLE TRIANGLE
 */
 
 .gm-style-iw-tc {
@@ -34,7 +34,7 @@
 
 
 /* **************************************
-	CROICE
+	GOOGLE CROICE
 */
 
 button.gm-ui-hover-effect {
@@ -60,7 +60,7 @@ button.gm-ui-hover-effect {
 #infowindow_limits {
 	/* height must be twice js 'height' value (mp_info_windows.js -> '{ ... height: XXX }' */
 	height: 400px;
-	width: 400px;
+	width: 380px;
 	flex-direction: column;
 	pointer-events: none;
 	background-color: transparent;
@@ -73,26 +73,27 @@ button.gm-ui-hover-effect {
 	padding: 0px;
 	overflow: scroll;
 	flex-direction: column;
-	border-radius: 5px;
+	border-radius: 3px;
 	background-color: #fff;
+	border: 1px solid #ccc;
 }
 
 #infowindow_limits #infowindow_close {
 	position: absolute;
 	top: 0px;
 	right: 0px;
-	width: 50px;
-	height: 50px;
+	width: 30px;
+	height: 30px;
 	cursor: pointer;
 }
 
 #infowindow_limits #infowindow_close::before {
 	content: "";
 	position: absolute;
-	top: calc(50% - 1px);
+	top: calc(50% - 0.8px);
 	left: 25%;
 	width: 50%;
-	height: 2px;
+	height: 1.6px;
 	background-color: #fff;
 	transform: rotate(-45deg);
 }
@@ -100,44 +101,49 @@ button.gm-ui-hover-effect {
 #infowindow_limits #infowindow_close::after {
 	content: "";
 	position: absolute;
-	top: calc(50% - 1px);
+	top: calc(50% - 0.8px);
 	left: 25%;
 	width: 50%;
-	height: 2px;
+	height: 1.6px;
 	background-color: #fff;
 	transform: rotate(45deg);
 }
 
 #infowindow_limits .infowindow_head {
-	padding: 20px;
-	background-color: #ba197a;
+	padding: 5px 10px;
+	margin: 0px;
+	background-color: #ab197a;
 }
 
 #infowindow_limits .infowindow_head p {
-	font-size: 120%;
+	font-size: 115%;
 	font-weight: 500;
+	line-height: 1.7em;
 	color: #fff;
 	margin-right: 30px;
 }
 
 #infowindow_limits .infowindow_body {
-	padding: 20px;
-	margin-bottom: 10px;
+	padding: 0px 10px 10px 10px;
+	margin: 0px;
+	margin-top: 30px;
 }
 
 #infowindow_limits .infowindow_body::after {
 	content: "";
 	position: absolute;
-	top: -5px;
-	left: 15%;
-	margin: auto;
-	width: 70%;
+	bottom: 0px;
+	left: 0px;
+	margin: 0px;
+	width: 100%;
 	height: 1px;
-	background-color: #ba197a;
+	background-color: #ccc;
 }
 
 #infowindow_limits .infowindow_body p {
-	font-size: 120%;
+	font-size: 115%;
 	font-weight: 500;
+	line-height: 1.7em;
+	color: #666;
 }