Fix popup hovering (bubbling)

masks/project.html

@@ -628,7 +628,12 @@ function initSpotMessages(aoMessages, aoTracks, bNoFeed) {
 		});
 
 		//Open tooltip on latest message in mobile mode
-		if(iKey === (aoMessages.length - 1) && self.vars(['project', 'mode']) == self.consts.modes.blog && (!oMsg.medias || oMsg.medias.length < 3) && isMobile()) oMarker.openPopup();
+		if(
+			iKey === (aoMessages.length - 1) &&
+			self.vars(['project', 'mode']) == self.consts.modes.blog &&
+			(!oMsg.medias || oMsg.medias.length < 3) &&
+			isMobile()
+		) oMarker.openPopup();
 
 		oSpot.tmp(['markers', oMsg.id_message], oMarker);
 	});

style/_leaflet.scss

@@ -16,12 +16,19 @@ $stroke-width-axis : 2;
 .leaflet-container {
 	background: none;
 }
+
+.leaflet-popup {
+	padding-bottom: 60px;
+	margin-bottom: -40px;
+
 	.leaflet-popup-content-wrapper {
 		border-radius: 5px;
-}
+
 		.leaflet-popup-content {
 			margin: 1rem;
 		}
+	}
+}
 
 .leaflet-control.spot-control, .leaflet-control .heightgraph-toggle {
 	cursor: pointer;