fixed clusterization

src/modules/Sticker.js

@@ -60,9 +60,6 @@ export class Sticker {
             onMouseDown={this.onDelete}
             onTouchStart={this.onDelete}
           />
-          {
-            console.log('A?')
-          }
         </div>
       </React.Fragment>,
       this.element

src/modules/Stickers.js

@@ -1,7 +1,6 @@
 import L, { layerGroup } from 'leaflet';
 import { Sticker } from '$modules/Sticker';
 import 'leaflet.markercluster';
-import icons from '$sprites/icon.svg';
 import { clusterIcon } from '$utils/clusterIcon';
 
 export class Stickers {
@@ -17,7 +16,7 @@ export class Stickers {
       zoomToBoundsOnClick: true,
       animate: false,
       maxClusterRadius: 80,
-      disableClusteringAtZoom: 15,
+      disableClusteringAtZoom: 13,
       iconCreateFunction: clusterIcon,
     }).addTo(map);
 
@@ -74,6 +73,7 @@ export class Stickers {
   dumpData = () => this.stickers.map(sticker => sticker.dumpData());
 
   onSpiderify = () => {
+    // todo: it has markers passed as argument. Update only them.
     if (this.editor.getEditing()) {
       this.startEditing();
     } else {

src/styles/colors.less

@@ -14,8 +14,8 @@
 @red_primary: #ff7034;
 @red_secondary: #ff3344;
 
-@panel_radius: 0;
-@button_radius: 0;
+@panel_radius: 2px;
+@button_radius: 2px;
 
 @color_primary: #4597d0;
 @color_success: #7cd766;