Add track icons

masks/project.html

@@ -99,8 +99,6 @@ function buildSpotMessages(oMessages, aoTracks){
 	
 	//Map
 	var oMap = L.map(self.tmp('$Map')[0], {
-		//center: agCenter,
-		//zoom: iZoom,
 		layers: [oMapBoxSat],
 		attributionControl: false,
 		zoomControl: false
@@ -113,7 +111,7 @@ function buildSpotMessages(oMessages, aoTracks){
 	.bindPopup(function(oLayer) {
 		var asProperties = oLayer.feature.properties;
 		var $Tooltip = $('<div>', {'class':'track_tooltip'});
-		$('<p>', {'class':'name'}).text(asProperties.name).appendTo($Tooltip);
+		$('<p>', {'class':'name'}).addIcon('fa-track-'+asProperties.type, true).append(asProperties.name).appendTo($Tooltip);
 		if(asProperties.Name != asProperties.description) $('<p>', {'class':'description'}).text(asProperties.description).appendTo($Tooltip);
 		return $Tooltip[0];
 	})

style/_fa.scss

@@ -14,6 +14,10 @@ $fa-css-prefix: fa;
 
 .fa {
 	@extend .fal;
+	
+	&.push {
+		margin-right: 0.5em;
+	}
 }
 
 .#{$fa-css-prefix}-post:before { content: fa-content($fa-var-comment); }
@@ -25,3 +29,6 @@ $fa-css-prefix: fa;
 .#{$fa-css-prefix}-send:before { content: fa-content($fa-var-paper-plane); }
 .#{$fa-css-prefix}-spinner:before { content: fa-content($fa-var-spinner); }
 .#{$fa-css-prefix}-tasks:before { content: fa-content($fa-var-tasks); }
+.#{$fa-css-prefix}-track-off-track:before { content: fa-content($fa-var-hiking); }
+.#{$fa-css-prefix}-track-main:before { content: fa-content($fa-var-hiking); }
+.#{$fa-css-prefix}-track-hitchhiking:before { content: fa-content($fa-var-bus); }

style/spot.scss

@@ -33,6 +33,7 @@
 				
 				&.name {
 					font-weight: bold;
+					font-size: 1.2em;
 				}
 				&.description {
 					font-style: italic;
@@ -226,10 +227,6 @@
 		#loading {
 			
 		}
-		
-		.fa.push {
-			margin-right: 0.5em;
-		}
 	}
 }