From 3256f5156d2d122efcefb2927828a31134553360 Mon Sep 17 00:00:00 2001
From: Maurice <mauriceboe@icloud.com>
Date: Thu, 2 Apr 2026 14:50:08 +0200
Subject: [PATCH] fix: photo marker badge now renders above circle instead of
 clipped inside

---
 client/src/components/Map/MapView.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/client/src/components/Map/MapView.tsx b/client/src/components/Map/MapView.tsx
index 296972c..a3ff1bb 100644
--- a/client/src/components/Map/MapView.tsx
+++ b/client/src/components/Map/MapView.tsx
@@ -72,13 +72,17 @@ function createPlaceIcon(place, orderNumbers, isSelected) {
     const imgIcon = L.divIcon({
       className: '',
       html: `<div style="
-        width:${size}px;height:${size}px;border-radius:50%;
-        border:${borderWidth}px solid ${borderColor};
-        box-shadow:${shadow};
-        overflow:hidden;background:${bgColor};
+        width:${size}px;height:${size}px;
         cursor:pointer;position:relative;
       ">
-        <img src="${place.image_url}" width="${size}" height="${size}" style="display:block;border-radius:50%;object-fit:cover;" />
+        <div style="
+          width:${size}px;height:${size}px;border-radius:50%;
+          border:${borderWidth}px solid ${borderColor};
+          box-shadow:${shadow};
+          overflow:hidden;background:${bgColor};
+        ">
+          <img src="${place.image_url}" width="${size}" height="${size}" style="display:block;border-radius:50%;object-fit:cover;" />
+        </div>
         ${badgeHtml}
       </div>`,
       iconSize: [size, size],