diff --git a/frontend/app/legend/legend.css b/frontend/app/legend/legend.css
index 8877f730..ba04070c 100644
--- a/frontend/app/legend/legend.css
+++ b/frontend/app/legend/legend.css
@@ -72,6 +72,10 @@
white-space: pre;
}
+.fm-map-legend .first:not(:first-child) {
+ margin-top: 6px;
+}
+
.fm-map-legend dl:after {
content: none;
}
diff --git a/frontend/app/legend/legend.html b/frontend/app/legend/legend.html
index 5277d5d5..e062a9e8 100644
--- a/frontend/app/legend/legend.html
+++ b/frontend/app/legend/legend.html
@@ -4,7 +4,7 @@
{{type.name}}
-
+
- {{item.value}}
diff --git a/frontend/app/legend/legend.js b/frontend/app/legend/legend.js
index 14a56507..6e456ce1 100644
--- a/frontend/app/legend/legend.js
+++ b/frontend/app/legend/legend.js
@@ -42,7 +42,7 @@ fm.app.directive("fmLegend", function($sce, fmUtils, $compile, fmIcons, fmFilter
fields[field.name] = [ ];
(field.options || [ ]).forEach(function(option, idx) {
- var item = { value: option.value, field: field.name, filtered: true };
+ var item = { value: option.value, field: field.name, filtered: true, first: idx == 0 };
if(field.type == "checkbox" && (!item.value || /* Legacy format */ item.value == '0' || item.value == '1')) {
item.value = field.name;