From f8658a78506b3961b07427440688b04d47e112cc Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Sun, 14 Jan 2024 21:28:56 +0000
Subject: [PATCH] Put map icons in a circle

---
 static/js/map.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/static/js/map.js b/static/js/map.js
index d55694a..302c831 100644
--- a/static/js/map.js
+++ b/static/js/map.js
@@ -1,8 +1,11 @@
 function emoji_icon(emoji) {
+  var iconStyle = "<div style='background-color: white; border-radius: 50%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border: 1px solid black;'> <div style='font-size: 18px;'>" + emoji + "</div></div>";
+
   return L.divIcon({
     className: 'custom-div-icon',
-    html: "<div style='font-size: 24px;'>" + emoji + "</div>",
-    iconSize: [30, 42],
+    html: iconStyle,
+    iconSize: [60, 60],
+    iconAnchor: [15, 15],
   });
 }