--- a/client/src/components/layers/LegendElement.vue	Fri Apr 12 12:51:26 2019 +0200
+++ b/client/src/components/layers/LegendElement.vue	Fri Apr 12 13:07:48 2019 +0200
@@ -65,22 +65,25 @@
     if (this.layer.getType() == "VECTOR") {
       this.initMap();
     } else {
-      if (this.layer.get("id") === "OPENSTREETMAP" ||
+      if (
+        this.layer.get("id") === "OPENSTREETMAP" ||
         this.layer.get("id") === "INLANDECDIS" ||
         this.layer.get("id") === "BOTTLENECKISOLINE" ||
         this.layer.get("id") === "DIFFERENCES"
       ) {
         // TODO: Do something useful?
-        return
+        return;
       }
-      let img = document.createElement("img")
-      img.setAttribute("style", "margin: 0 auto;display: flex;")
+      let img = document.createElement("img");
+      img.setAttribute("style", "margin: 0 auto;display: flex;");
       if (this.layer.get("id") === "DISTANCEMARKSAXIS") {
-        img.setAttribute("src", require("@/assets/distancemarks-axis.png"))
-      }
-      else {
+        img.setAttribute("src", require("@/assets/distancemarks-axis.png"));
+      } else {
         // for simple WMS legends.
-        let url = `/internal/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=`+this.layer.getSource().getParams().LAYERS + `&legend_options=columns:4;fontAntiAliasing:true`
+        let url =
+          `/internal/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=` +
+          this.layer.getSource().getParams().LAYERS +
+          `&legend_options=columns:4;fontAntiAliasing:true`;
         HTTP.get(url, {
           headers: {
             "X-Gemma-Auth": localStorage.getItem("token")