# HG changeset patch
# User Fadi Abbud <fadi.abbud@intevation.de>
# Date 1556205456 -7200
# Node ID 8e364945a390d859cf251cfa605443c9e8a1a446
# Parent  d68d8b137072240723ad1a8d20c3faf7822b59c3
client: adjust some styles for waterlevel diagram

diff -r d68d8b137072 -r 8e364945a390 client/src/components/gauge/Waterlevel.vue
--- a/client/src/components/gauge/Waterlevel.vue	Thu Apr 25 16:53:17 2019 +0200
+++ b/client/src/components/gauge/Waterlevel.vue	Thu Apr 25 17:17:36 2019 +0200
@@ -373,8 +373,8 @@
       this.svg
         .selectAll(".line")
         .selectAll("circle")
-        .attr("stroke", "steelblue")
-        .attr("stroke-width", 2);
+        .attr("fill", "steelblue")
+        .attr("stroke-width", 0);
       this.svg
         .selectAll(".line")
         .selectAll("circle.d3-line-chunked-chunk-predicted-point")
@@ -410,20 +410,17 @@
         .attr("clip-path", "url(#clip)");
 
       this.svg
-        .selectAll("path")
-        .selectAll(".nash-sutcliffe")
+
+        .selectAll("path.nash-sutcliffe")
         .attr("fill", "none")
         .attr("stroke", "black")
         .attr("stroke-width", 1)
         .attr("clip-path", "url(#clip)");
       this.svg
-        .selectAll("path")
-        .selectAll(".nash-sutcliffe")
-        .selectAll(".ns72")
+        .selectAll("path.nash-sutcliffe.ns72")
         .attr("fill", "rgba(0, 0, 0, 0.05)");
       this.svg
-        .selectAll("text")
-        .selectAll(".nash-sutcliffe")
+        .selectAll("text.nash-sutcliffe")
         .style("font-size", "10px")
         .attr("clip-path", "url(#clip)")
         .selectAll("tspan:last-child")
@@ -442,20 +439,19 @@
         .attr("fill", "none")
         .attr("pointer-events", "all");
       this.svg
-        .selectAll(".brush")
-        .selectAll(".selection")
+        .selectAll(".brush .selection")
         .attr("stroke", "none")
         .attr("fill-opacity", 0.2);
       this.svg
-        .selectAll(".brush")
-        .selectAll(".handle")
+        .selectAll(".brush .handle")
         .attr("stroke", "rgba(23, 162, 184, 0.5)")
         .attr("fill", "rgba(23, 162, 184, 0.5)");
       this.svg.selectAll(".chart-dots").attr("clip-path", "url(#clip)");
       this.svg
         .selectAll(".chart-dots .chart-dot")
+        .attr("fill", "steelblue")
+        .attr("stroke", "steelblue")
         .attr("stroke-opacity", 0)
-        .attr("stroke", "steelblue")
         .style("pointer-events", "none")
         .transition()
         .attr("fill-opacity", "0.1s");