# HG changeset patch
# User Tom Gottfried <tom@intevation.de>
# Date 1558691167 -7200
# Node ID 2eeb5a69d5f2502ae108b58b9d3d753ece27b0d8
# Parent  030dc48382c91039ca2392ebbcd782b18d100114
Exchange comparison and accuracy triangles

Since comparison references the past, it should be on the left,
while accuracy references preditions and should be on the right.

diff -r 030dc48382c9 -r 2eeb5a69d5f2 client/src/components/map/styles.js
--- a/client/src/components/map/styles.js	Fri May 24 11:37:24 2019 +0200
+++ b/client/src/components/map/styles.js	Fri May 24 11:46:07 2019 +0200
@@ -263,8 +263,8 @@
       }
       let frame = `<polyline points='16,0 32,32 0,32 16,0' stroke='grey' stroke-width='1' fill='white'/>`;
       let waterlevel = `<polyline points="16,0 24,16 16,32 8,16 16,0" stroke='grey' stroke-width='1' fill='${colorWaterlevel}'/>`;
-      let comparison = `<polyline points="24,16 32,32 16,32 24,16" stroke='grey' stroke-width='1' fill='${colorComparison}'/>`;
-      let accuracy = `<polyline points="8,16 16,32 0,32 8,16" stroke='grey' stroke-width='1' fill='${colorAccuracy}'/>`;
+      let accuracy = `<polyline points="24,16 32,32 16,32 24,16" stroke='grey' stroke-width='1' fill='${colorAccuracy}'/>`;
+      let comparison = `<polyline points="8,16 16,32 0,32 8,16" stroke='grey' stroke-width='1' fill='${colorComparison}'/>`;
       let svg = `data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><g>${frame}${waterlevel}${comparison}${accuracy}</g></svg>`;
       let maps = store.state.map.openLayersMaps;
       let geom = feature.getGeometry();