fixed delete buttons

src/modules/Sticker.js

@@ -19,13 +19,14 @@ export class Sticker {
     this.map = map;
     this.sticker = sticker;
     this.set = set;
-    this.editable = true;
+    // this.editable = true;
     this.triggerOnChange = triggerOnChange;
     this.direction = getLabelDirection(this.angle);
     this.deleteSticker = deleteSticker;
     this.lockMapClicks = lockMapClicks;
 
     this.element = document.createElement('div');
+
     ReactDOM.render(
       <React.Fragment>
         <div
@@ -49,6 +50,7 @@ export class Sticker {
           <div
             className="sticker-delete"
             onMouseDown={this.onDelete}
+            onTouchStart={this.onDelete}
           />
         </div>
       </React.Fragment>,

src/styles/stickers.less

@@ -139,6 +139,21 @@
   &:hover {
     transform: scale(1.2) !important;
   }
+
+  &::before, &::after {
+    content: ' ';
+    position: absolute;
+    left: 11px;
+    top: 6px;
+    width: 2px;
+    height: 12px;
+    background: white;
+    transform: rotate(45deg);
+  }
+
+  &::after {
+    transform: rotate(-45deg);
+  }
 }
 
 .leaflet-control-container .leaflet-routing-container-hide {