From 9234a76c80b4b4458b3ba6a0604a9f39bd5dd1cb Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Mon, 24 Feb 2025 16:37:14 +0100
Subject: [PATCH] fix css

---
 src/Components/Map/UtopiaMap.css | 40 ++++++++++++++++----------------
 src/Utils/MarkerIconFactory.ts   |  2 +-
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/Components/Map/UtopiaMap.css b/src/Components/Map/UtopiaMap.css
index 39189350..382840dd 100644
--- a/src/Components/Map/UtopiaMap.css
+++ b/src/Components/Map/UtopiaMap.css
@@ -40,56 +40,56 @@
     position: relative;
     top: -35px;
     left: 10px;
-    width: 13px;
+    width: 13px !important;
   }
   
   .user-icon {
     position: relative;
     top: -36px;
     left: 10px;
-    width: 13px;
+    width: 13px  !important;
   }
 
-  .circle-icon {
+  .point-icon, .circle-icon {
     position: relative;
     top: -33px;
-    left: 10px;
-    width: 13px !important;
+    left: 9px;
+    width: 14px !important;
   }
 
   .fire-icon {
     position: relative;
     top: -36px;
     left: 10px;
-    width: 13px;
+    width: 13px  !important;
   }
 
   .tree-icon {
     position: relative;
     top: -38px;
     left: 4px;
-    width: 24px;
+    width: 24px !important;
   }
 
   .music-icon {
     position: relative;
     top: -35px;
     left: 4px;
-    width: 24px;
+    width: 24px !important;
   }
 
   .quest-icon {
     position: relative;
     top: -34px;
     left: 4px;
-    width: 24px;
+    width: 24px !important;
   }
 
   .drum-icon {
     position: relative;
     top: -38px;
     left: 4px;
-    width: 24px;
+    width: 24px !important;
   }
 
   
@@ -97,63 +97,63 @@
     position: relative;
     top: -36.5px;
     left: 4px;
-    width: 24px;
+    width: 24px !important;
   }
 
   .group-icon {
     position: relative;
     top: -37px;
-    left: 4px;
-    width: 24px;
+    left: 5px;
+    width: 22px !important;
   }
 
   .liebevoll-jetzt-icon{
     position: relative;
     top: -35px;
     left: 4px;
-    width: 24px;
+    width: 24px !important;
   }
 
   .staff-snake-icon {
     position: relative;
     top: -35px;
     left: 4px;
-    width: 24px;
+    width: 24px !important;
   }
 
   .flower-icon {
     position: relative;
     top: -35px;
     left: 4px;
-    width: 24px;
+    width: 24px !important;
   }
   
   .network-icon {
     position: relative;
     top: -35px;
     left: 4px;
-    width: 24px;
+    width: 24px !important;
   }
 
   .shop-icon {
     position: relative;
     top: -34px;
     left: 4px;
-    width: 24px;
+    width: 24px !important;
   }
 
   .plant-icon {
     position: relative;
     top: -34px;
     left: 4px;
-    width: 24px;
+    width: 24px !important;
   }
 
   .circle-dot-icon {
     position: relative;
     top: -36px;
     left: 4px;
-    width: 24px;
+    width: 24px !important;
   }
   
   .leaflet-popup-scrolled {
diff --git a/src/Utils/MarkerIconFactory.ts b/src/Utils/MarkerIconFactory.ts
index 002dab9d..506d8b4e 100644
--- a/src/Utils/MarkerIconFactory.ts
+++ b/src/Utils/MarkerIconFactory.ts
@@ -130,7 +130,7 @@ const MarkerIconFactory = (
   icon: string,
 ) => {
   return divIcon({
-    html: `${createSvg(shape, markerColor, borderColor)}<img class="${shape}-icon" src="${addIcon(icon)}" alt="x" />`,
+    html: `${createSvg(shape, markerColor, borderColor)}<img class="${icon}-icon" src="${addIcon(icon)}" alt="x" />`,
     iconAnchor: [17, 40],
     popupAnchor: [0, -40],
     iconSize: new Point(40, 46),