# HG changeset patch
# User Bernhard Reiter <bernhard@intevation.de>
# Date 1550073238 -3600
# Node ID 23c03e2eaf4f5bfa0a0528fab0de8923a5e42217
# Parent  cce158db02b05a95f677ae58ffe22424484c850f
client: make different LOS visually distinct

 * Move usually smaller layers to be draw last, so they are on top of the
   map.
 * Change linewidth so that the more significant layers have a larger width.

diff -r cce158db02b0 -r 23c03e2eaf4f client/src/store/map.js
--- a/client/src/store/map.js	Wed Feb 13 16:48:52 2019 +0100
+++ b/client/src/store/map.js	Wed Feb 13 16:53:58 2019 +0100
@@ -133,15 +133,15 @@
         showInLegend: true
       },
       {
-        name: LAYERS.FAIRWAYDIMENSIONSLOS1,
+        name: LAYERS.FAIRWAYDIMENSIONSLOS3,
         data: new VectorLayer({
           source: new VectorSource(),
           style: function() {
             return [
               new Style({
                 stroke: new Stroke({
-                  color: "rgba(76, 76, 255, 1.0)",
-                  width: 2
+                  color: "rgba(0, 0, 255, 1.0)",
+                  width: 1
                 })
               }),
               new Style({
@@ -151,7 +151,7 @@
                   fill: new Fill({
                     color: "black"
                   }),
-                  text: "LOS: 1"
+                  text: "LOS: 3"
                   //, zIndex: 10
                 })
               })
@@ -191,15 +191,15 @@
         showInLegend: true
       },
       {
-        name: LAYERS.FAIRWAYDIMENSIONSLOS3,
+        name: LAYERS.FAIRWAYDIMENSIONSLOS1,
         data: new VectorLayer({
           source: new VectorSource(),
           style: function() {
             return [
               new Style({
                 stroke: new Stroke({
-                  color: "rgba(0, 0, 255, 1.0)",
-                  width: 2
+                  color: "rgba(76, 76, 255, 1.0)",
+                  width: 3
                 })
               }),
               new Style({
@@ -209,7 +209,7 @@
                   fill: new Fill({
                     color: "black"
                   }),
-                  text: "LOS: 3"
+                  text: "LOS: 1"
                   //, zIndex: 10
                 })
               })