From 03170abeab97400c9bcc4b82a7781ef3ed6ae1d8 Mon Sep 17 00:00:00 2001
From: Azgaar <maxganiev@yandex.ru>
Date: Wed, 30 Dec 2020 12:39:21 +0300
Subject: [PATCH] v1.4.62

---
 index.html                   |  6 +++---
 modules/ui/markers-editor.js | 11 ++++++++++-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index e94c3839..b4da0dd6 100644
--- a/index.html
+++ b/index.html
@@ -2414,11 +2414,11 @@
 
       <button id="markerStyle" data-tip="Change marker size and colors" class="icon-brush"></button>
       <div id="markerStyleSection" style="display: none">
-        <i data-tip="Change marker base (pin) style" class="icon-map-pin"></i>:
-        <input id="markerSize" data-tip="Change marker size" type="range" min=.02 max=20 step=.2 value=1 style="width:12em">
+        <i data-tip="Change marker base (pin) style" class="icon-map-pin"></i>
+        <input id="markerSize" data-tip="Change marker size" type="range" min=.01 max=10 step=.1 value=1 style="width:12em">
         <input id="markerBaseStroke" data-tip="Change pin stroke color" type="color" value="#ffffff">
         <input id="markerBaseFill" data-tip="Change pin fill color" type="color" alue="#000000">
-        <br><i data-tip="Change marker icon style" class="icon-star"></i>:
+        <br><i data-tip="Change marker icon style" class="icon-star"></i>
         <input id="markerIconStrokeWidth" data-tip="Change icon stroke width" type="range" min=0 max=1 step=.02 value=0 style="width:12em">
         <input id="markerIconStroke" data-tip="Change icon stroke color. Ensure icon stroke width is non-zero" type="color" value="#3200ff">
         <input id="markerIconFill" data-tip="Change icon fill color" type="color" value="#000000">
diff --git a/modules/ui/markers-editor.js b/modules/ui/markers-editor.js
index a4686d89..c1ea19f6 100644
--- a/modules/ui/markers-editor.js
+++ b/modules/ui/markers-editor.js
@@ -203,7 +203,16 @@ function editMarker() {
 
   function changeMarkerSize() {
     const id = elSelected.attr("data-id");
-    document.querySelectorAll("use[data-id='"+id+"']").forEach(e => e.dataset.size = markerSize.value);
+    document.querySelectorAll("use[data-id='"+id+"']").forEach(e => {
+      const x = +e.dataset.x, y = +e.dataset.y;
+      const desired = e.dataset.size = +markerSize.value;
+      const size = Math.max(desired * 5 + 25 / scale, 1);
+
+      e.setAttribute("x", x - size / 2);
+      e.setAttribute("y", y - size / 2);
+      e.setAttribute("width", size);
+      e.setAttribute("height", size);
+    });
     invokeActiveZooming();
   }