From 4dc07e53368dfc095700690460d6048a215f2098 Mon Sep 17 00:00:00 2001
From: muerwre <gotham48@gmail.com>
Date: Tue, 26 Feb 2019 17:51:18 +0700
Subject: [PATCH] even better arrows

---
 src/styles/map.less | 8 ++++----
 src/utils/arrow.ts  | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/styles/map.less b/src/styles/map.less
index b59f739..23cfc4a 100644
--- a/src/styles/map.less
+++ b/src/styles/map.less
@@ -93,10 +93,10 @@
 
 .leaflet-arrow {
   position: absolute;
-  left: -14px;
-  top: -14px;
-  width: 40px;
-  height: 40px;
+  left: -18px;
+  top: -18px;
+  width: 48px;
+  height: 48px;
 }
 
 .touch-hinter-poly {
diff --git a/src/utils/arrow.ts b/src/utils/arrow.ts
index c61b9ac..931fdc8 100644
--- a/src/utils/arrow.ts
+++ b/src/utils/arrow.ts
@@ -7,8 +7,8 @@ export const createArrow = (latlng: LatLngLiteral, angle: number): Marker => mar
   icon: divIcon({
     html: `
       <div class="leaflet-arrow" style="transform: rotate(${angle}deg);">
-        <svg width="40" height="40" preserveAspectRatio="xMidYMid">        
-          <use xlink:href="#path-arrow" transform="scale(1.6) translate(4)"/>
+        <svg width="48" height="48" preserveAspectRatio="xMidYMid">        
+          <use xlink:href="#path-arrow" transform="scale(2) translate(5 -2)"/>
         </svg>      
       </div>
     `,