From 3b855796454574997fa6836fa5bcdec2ccf30592 Mon Sep 17 00:00:00 2001
From: muerwre <gotham48@gmail.com>
Date: Wed, 13 Feb 2019 11:52:06 +0700
Subject: [PATCH] fixed delete buttons

---
 src/modules/Sticker.js   |  4 +++-
 src/styles/stickers.less | 15 +++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/modules/Sticker.js b/src/modules/Sticker.js
index 1e7ae0a..575da90 100644
--- a/src/modules/Sticker.js
+++ b/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>,
diff --git a/src/styles/stickers.less b/src/styles/stickers.less
index 0353be4..affec21 100644
--- a/src/styles/stickers.less
+++ b/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 {