Merge branch 'link_popups' into 'master'

bugfix: add background colors to the links popup info.

See merge request !19

scripts/map_functions.inc

@@ -315,8 +315,8 @@ function load_LinkList($NodeList, $TopoList)
                     $linkList .= 'L.polyline([[' . $node_lat . ',' . $node_lon . '],[' . $link_lat .
                         ',' . $link_lon . ']], {color: "' . $display_color . '", opacity: ' . $display_opacity .
                         ', weight: ' . $display_weight . ', offset: ' . $display_offset . '})
-						.bindPopup("<strong>' .  $nodeName . '</strong> to <strong>' . $linkName . '</strong><br><strong>Cost</strong>: ' .
-                        $value['cost'] . '")
+						.bindPopup("<div class=\"linkPopupContent\"><strong>' .  $nodeName . '</strong> to <strong>' . $linkName . '</strong><br><strong>Cost</strong>: ' .
+                        $value['cost'] . '</div>")
 						.addTo(' . $map_LayerAssigned . '),' . "\n";
 
                 }

webpage/css/meshmap-default.css

@@ -343,4 +343,19 @@ MAP_DETAILS {
 .leaflet-control-layers-toggle {
 	height: 30px !important;
 	width: 30px !important;
-}
\ No newline at end of file
+}
+.linkPopupContent {
+	background-color: #f8f8f8;
+	-webkit-border-bottom-left-radius: 15px;
+	-webkit-border-bottom-right-radius: 15px;
+    -webkit-border-top-right-radius: 15px;
+    -webkit-border-top-left-radius: 15px;
+    border-bottom-left-radius: 15px;
+    border-bottom-right-radius: 15px;
+    border-top-right-radius: 15px;
+    border-top-left-radius: 15px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    padding-right: 5px;
+    padding-left: 5px;
+}