From fef0e07799bc50abe33b8c0730046befcf25a9b0 Mon Sep 17 00:00:00 2001
From: Stefan Siegl <stesie@brokenpipe.de>
Date: Fri, 19 Mar 2021 12:33:24 +0100
Subject: [PATCH] use svg overpass icon

---
 css/style.css      | 10 ++++++++++
 js/LayersConfig.js |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 7575ced..c782df7 100644
--- a/css/style.css
+++ b/css/style.css
@@ -54,6 +54,16 @@ table.dataTable {
     vertical-align: top;
 }
 
+.overpass-layer-icon i {
+    position: absolute;
+    top: 7px;
+    left: 7px;
+    color: white;
+    margin: auto;
+    display: inline-block;
+    font-size: 11px;
+}
+
 /* wrap toolbar controls */
 .leaflet-top.leaflet-left {
     bottom: 0;
diff --git a/js/LayersConfig.js b/js/LayersConfig.js
index 9b4cc48..eed72a3 100644
--- a/js/LayersConfig.js
+++ b/js/LayersConfig.js
@@ -182,7 +182,7 @@ BR.LayersConfig = L.Class.extend({
                 body:
                     '<table class="overpass-tags">{% for k, v in tags %}{% if k[:5] != "addr:" %}<tr><th>{{ k }}</th><td>{% if k matches "/email/" %}<a href="mailto:{{ v }}">{{ v }}</a>{% elseif v matches "/^http/" %}<a href="{{ v }}">{{ v }}</a>{% elseif v matches "/^www/" %}<a href="http://{{ v }}">{{ v }}</a>{% else %}{{ v }}{% endif %}</td></tr>{% endif %}{% endfor %}</table>',
                 markerSymbol:
-                    '<img anchorX="13" anchorY="42" width="25" height="42" signAnchorX="0" signAnchorY="-30" src="dist/images/marker-icon.png">',
+                    '<svg width="25px" height="41px" anchorX="12" anchorY="41" viewBox="0 0 32 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M16,1 C7.7146,1 1,7.65636364 1,15.8648485 C1,24.0760606 16,51 16,51 C16,51 31,24.0760606 31,15.8648485 C31,7.65636364 24.2815,1 16,1 L16,1 Z" fill="#436978"></path></svg><i class="fa fa-search icon-white" style="width: 25px;"></i>',
             },
         });
     },