# HG changeset patch
# User Markus Kottlaender <markus@intevation.de>
# Date 1558536811 -7200
# Node ID 8adf1fc51acdaf66bcb5348b974594d41051995f
# Parent  45a629a3a8b8e389201de8d54a14bdc25f1187b6
client: spuc05: improved diagram size on map

diff -r 45a629a3a8b8 -r 8adf1fc51acd client/src/components/map/styles.js
--- a/client/src/components/map/styles.js	Wed May 22 16:44:13 2019 +0200
+++ b/client/src/components/map/styles.js	Wed May 22 16:53:31 2019 +0200
@@ -192,20 +192,19 @@
       feature.get("fa_data") &&
       resolution > 15
     ) {
-      let frame = `<rect x='0' y='0' width='40' height='104' stroke-width='0' fill='white'/>`;
-      let lnwl = `<rect x='2' y='22' width='18' height='80' stroke-width='0' fill='aqua'/>`;
-      let range1 = `<rect x='20' y='2' width='18' height='10' stroke-width='0' fill='hotpink'/>`;
-      let range2 = `<rect x='20' y='12' width='18' height='30' stroke-width='0' fill='darksalmon'/>`;
-      let range3 = `<rect x='20' y='42' width='18' height='60' stroke-width='0' fill='blue'/>`;
-      let svg = `data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='104'><g>${frame}${lnwl}${range1}${range2}${range3}</g></svg>`;
+      let frame = `<rect x='0' y='0' width='32' height='84' stroke-width='0' fill='white'/>`;
+      let lnwl = `<rect x='2' y='22' width='10' height='60' stroke-width='0' fill='aqua'/>`;
+      let range1 = `<rect x='12' y='2' width='18' height='25' stroke-width='0' fill='hotpink'/>`;
+      let range2 = `<rect x='12' y='27' width='18' height='5' stroke-width='0' fill='darksalmon'/>`;
+      let range3 = `<rect x='12' y='32' width='18' height='50' stroke-width='0' fill='blue'/>`;
+      let svg = `data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='84'><g>${frame}${lnwl}${range1}${range2}${range3}</g></svg>`;
       let bnCenter = getCenter(feature.getGeometry().getExtent());
       s.push(
         new Style({
           geometry: new Point(bnCenter),
           image: new Icon({
             src: svg,
-            anchor: [1.2, 1.2],
-            scale: resolution > 100 ? 0.75 : 1
+            anchor: [1.2, 1.2]
           })
         })
       );