--- a/client/src/components/gauge/Waterlevel.vue	Mon May 11 20:10:15 2020 +0200
+++ b/client/src/components/gauge/Waterlevel.vue	Tue May 12 10:04:06 2020 +0200
@@ -465,9 +465,7 @@
         .attr("class", "main")
         .attr(
           "transform",
-          `translate(${dimensions.mainMargin.left}, ${
-            dimensions.mainMargin.top
-          })`
+          `translate(${dimensions.mainMargin.left}, ${dimensions.mainMargin.top})`
         );
 
       // create container for navigation diagram
@@ -531,9 +529,7 @@
         .attr("height", dimensions.mainHeight)
         .attr(
           "transform",
-          `translate(${dimensions.mainMargin.left}, ${
-            dimensions.mainMargin.top
-          })`
+          `translate(${dimensions.mainMargin.left}, ${dimensions.mainMargin.top})`
         );
 
       this.createZoom({
@@ -851,7 +847,10 @@
       // draw in nav
       navigation
         .append("path")
-        .datum([{ x: new Date(), y: hi + dy }, { x: new Date(), y: lo - dy }])
+        .datum([
+          { x: new Date(), y: hi + dy },
+          { x: new Date(), y: lo - dy }
+        ])
         .attr("class", "now-line")
         .attr(
           "d",
@@ -1033,13 +1032,22 @@
       const brush = d3
         .brushX()
         .handleSize(4)
-        .extent([[0, 0], [dimensions.width, dimensions.navHeight]]);
+        .extent([
+          [0, 0],
+          [dimensions.width, dimensions.navHeight]
+        ]);
 
       const zoom = d3
         .zoom()
         .scaleExtent([1, Infinity])
-        .translateExtent([[0, 0], [dimensions.width, dimensions.mainHeight]])
-        .extent([[0, 0], [dimensions.width, dimensions.mainHeight]]);
+        .translateExtent([
+          [0, 0],
+          [dimensions.width, dimensions.mainHeight]
+        ])
+        .extent([
+          [0, 0],
+          [dimensions.width, dimensions.mainHeight]
+        ]);
 
       brush.on("brush end", () => {
         if (d3.event.sourceEvent && d3.event.sourceEvent.type === "zoom")