Update weather interface

masks/project.html

@@ -825,7 +825,7 @@ function getPost(asPost) {
 				.append($('<p>').addIcon('fa-time', true).append(sAbsTime))
 				.append(bTimeDiff?$('<p>').addIcon('fa-timezone', true).append(oSpot.lang('local_time', sAbsTimeLocal)):'')
 				.append($('<a>', {'class':'drill'})
-					.append((!asPost.weather_icon || asPost.weather_icon=='unknown')?'':$('<span>', {'class':'weather', 'title':oSpot.lang(asPost.weather_cond)}).addIcon('fa-'+asPost.weather_icon, true).append(asPost.weather_temp+'°C'))
+					.append((!asPost.weather_icon || asPost.weather_icon=='unknown')?'':$('<span>', {'class':'weather', 'title':oSpot.lang(asPost.weather_cond)}).addIcon('fa-'+asPost.weather_icon).append($('<span>').text(asPost.weather_temp+'°C')))
 					.append($('<img>', {'class':'staticmap', title: oSpot.lang('click_zoom'), src: getWmtsApiUrl('static', asPost.latitude, asPost.longitude, 13)}))
 					.append($('<span>', {'class': 'drill-icon fa-stack'})
 						.addIcon('fa-message fa-stack-2x')

style/_mask_project.scss

@@ -528,11 +528,24 @@ $legend-color: $post-color;
 						position: absolute;
 						top: $block-spacing;
 						right: $block-spacing;
-						border-radius: $block-radius;
-						background: $message-bg;
-						color: $message-color;
 						cursor: pointer;
-						padding: $elem-spacing;
+						
+						.fa {
+							font-size: 1.3em;
+							vertical-align: middle;
+							line-height: 1rem;
+							background: $message-color;
+							color: $message-bg;
+							border-radius: $block-radius 0 0 $block-radius;
+							padding: $elem-spacing;
+						}
+
+						span {
+							vertical-align: middle;
+							padding: $elem-spacing;
+							background: $message-bg;
+							color: $message-color;
+						}
 					}
 
 					.staticmap {