Taking less space in popups

frontend/css/pad.css

@@ -302,8 +302,13 @@ textarea {
 	text-decoration: none;
 }
 
+.fp-popup .content h2 {
+	margin-bottom: 0;
+}
+
 .pos,.distance {
 	font-style: italic;
+	font-weight: normal;
 }
 
 #edit-line-colour {

frontend/templates/view-line.html

@@ -1,7 +1,9 @@
 <div class="content">
 	<h2>{{line.name}}</h2>
-	<p class="distance">Distance: {{round(line.distance, 2)}} km <span ng-show="line.time != null">({{formatTime(line.time)}} h {{routingMode(line.mode)}})</span></p>
 	<dl>
+		<dt class="distance">Distance</dt>
+		<dd class="distance">{{round(line.distance, 2)}} km <span ng-show="line.time != null">({{formatTime(line.time)}} h {{routingMode(line.mode)}})</span></dd>
+
 		<dt ng-repeat-start="field in types[line.typeId].fields" ng-show="field.type != 'dropdown' || field.options.length > 1">{{field.name}}</dt>
 		<dd ng-repeat-end ng-show="field.type != 'dropdown' || field.options.length > 1" fp-type-field-content="field" fp-type-field-model="line.data[field.name]"></dd>
 	</dl>

frontend/templates/view-marker.html

@@ -1,7 +1,9 @@
 <div class="content">
 	<h2>{{marker.name}}</h2>
-	<p class="pos">Coordinates: {{round(marker.lat, 5)}}, {{round(marker.lon, 5)}}</p>
 	<dl>
+		<dt class="pos">Coordinates</dt>
+		<dd class="pos">{{round(marker.lat, 5)}}, {{round(marker.lon, 5)}}</dd>
+
 		<dt ng-repeat-start="field in types[marker.typeId].fields" ng-show="field.type != 'dropdown' || field.options.length > 1">{{field.name}}</dt>
 		<dd ng-repeat-end ng-show="field.type != 'dropdown' || field.options.length > 1" fp-type-field-content="field" fp-type-field-model="marker.data[field.name]"></dd>
 	</dl>