diff client/src/components/map/styles.js @ 4319:0d516bac1aae

bottleneck fairway availability: minor layout adjustments
author Thomas Junk <thomas.junk@intevation.de>
date Wed, 04 Sep 2019 12:21:36 +0200
parents be7c23af783c
children d9ce63cad8da
line wrap: on
line diff
--- a/client/src/components/map/styles.js	Wed Sep 04 11:50:37 2019 +0200
+++ b/client/src/components/map/styles.js	Wed Sep 04 12:21:36 2019 +0200
@@ -221,18 +221,16 @@
       }
       if (feature.get("fa_critical") && feature.get("fa_data")) {
         let data = feature.get("fa_data");
-        const heightInPixel = 80;
+        const heightInPixel = 82;
         const relativeHeightInPercent = heightInPixel / 100;
         let lnwlHeight = relativeHeightInPercent * data.ldc;
         let belowThresholdHeight = relativeHeightInPercent * data.below;
         let betweenThresholdHeight = relativeHeightInPercent * data.between;
         let aboveThresholdHeight = relativeHeightInPercent * data.above;
         let lnwl = `<rect x='2' y='${heightInPixel -
-          lnwlHeight +
-          2}' width='10' height='${lnwlHeight}' stroke-width='0' fill='aqua'/>`;
+          lnwlHeight}' width='10' height='${lnwlHeight}' stroke-width='0' fill='aqua'/>`;
         let above = `<rect x='12' y='${heightInPixel -
-          aboveThresholdHeight +
-          2}' width='18' height='${aboveThresholdHeight}' stroke-width='0' fill='blue'/>`;
+          aboveThresholdHeight}' width='18' height='${aboveThresholdHeight}' stroke-width='0' fill='blue'/>`;
         let between = `<rect x='12' y='${heightInPixel -
           aboveThresholdHeight -
           betweenThresholdHeight}' width='18' height='${betweenThresholdHeight}' stroke-width='0' fill='darksalmon'/>`;