to reload

srcs/plugins/map_prof/styles/mp_filters.css

@@ -16,6 +16,8 @@
 	position: relative;
 	width: 100%;
 	z-index: 1;
+	gap: 10px;
+	margin-bottom: 10px;
 }
 
 /*
@@ -28,16 +30,27 @@
 	width: 100%;
 	overflow: visible;
 	cursor: pointer;
-}
 
-#ljdp_map_filters .filter_menu_title {
 	border: 1px solid #ba197a;
 }
 
-#ljdp_map_filters .filter_menu_title p {
+#ljdp_map_filters .filter_menu * {
+	cursor: pointer;
+}
+
+#ljdp_map_filters .filter_menu_title {
+	width: 100%;
 	padding: 5px;
 }
 
+#ljdp_map_filters .filter_menu_title p {
+	/* display inline-block for text-align to work */
+	display: inline-block;
+	width: 100%;
+	text-align: center;
+}
+
+
 
 /* **************************************
 	DROP DOWN MENU
@@ -57,7 +70,6 @@
 	left: 0px;
 	max-height: 400px;
 	width: 100%;
-	cursor: pointer;
 	overflow: scroll;
 	background-color: #ffffff;
 
@@ -99,26 +111,33 @@
 
 
 /* **************************************
-	MENU BUTTONS
+	MENU CHECKBOX
 */
 
 /*
 */
+#ljdp_map_filters label.filter_menu_checkbox {
+	border-radius: 20px;
+}
 
-#ljdp_map_filters .filter_menu_buttons {
-	flex-direction: row;
+#ljdp_map_filters input.filter_menu_checkbox:checked + label.filter_menu_checkbox {
+	color: #ffffff;
+	background-color: #ba197a;
 }
 
 
 
 
 /* **************************************
-	MENU RESET
+	MENU BUTTON
 */
 
 /*
 */
-
+#ljdp_map_filters .filter_menu_button {
+	flex-shrink: 2;
+	white-space: nowrap;
+}