# HG changeset patch
# User Thomas Junk <thomas.junk@intevation.de>
# Date 1558534418 -7200
# Node ID 0ba142a4bf43ce6f17c67ebebb292c3b2bcc0fa7
# Parent  e994565a59a1416a6be22f566bc50797eda7a62d
afdlnwl: colors

diff -r e994565a59a1 -r 0ba142a4bf43 client/src/components/fairway/AvailableFairwayDepthLNWL.vue
--- a/client/src/components/fairway/AvailableFairwayDepthLNWL.vue	Wed May 22 16:09:56 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepthLNWL.vue	Wed May 22 16:13:38 2019 +0200
@@ -437,7 +437,10 @@
     drawAFD() {
       let afd = this.diagram
         .append("g")
-        .attr("transform", `translate(${this.paddingRight + this.barsWidth})`);
+        .attr(
+          "transform",
+          `translate(${this.paddingRight + this.barsWidth / 2})`
+        );
       afd
         .selectAll("rect")
         .data(this.fwLNWLData.afd)
@@ -511,7 +514,7 @@
         .attr("y", d => {
           return this.yScale(d.translateY);
         })
-        .attr("width", this.barsWidth)
+        .attr("width", this.barsWidth / 2)
         .attr("fill", d => {
           return this.$options.LWNLCOLORS[d.level];
         });
@@ -552,7 +555,7 @@
   AFDCOLORS: ["#782121", "#ff6c6c", "#3675ff"],
   LWNLCOLORS: {
     LDC: "#aaaaaa",
-    HDC: "#ff6600"
+    HDC: "#43FFE1"
   }
 };
 </script>