From 5391ad0ae522be9d35cfb74e834baf97cc48c55d Mon Sep 17 00:00:00 2001
From: Benjamin Sutter <beni_sutter@hotmail.com>
Date: Mon, 18 May 2026 21:35:36 +0200
Subject: [PATCH] fix: image above map stacked vertically in PropertyDetailView
 (160px + 120px)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/supply/PropertyDetailView.tsx | 40 +++++++++-----------
 1 file changed, 18 insertions(+), 22 deletions(-)

diff --git a/src/components/supply/PropertyDetailView.tsx b/src/components/supply/PropertyDetailView.tsx
index fc2e547..55e4dec 100644
--- a/src/components/supply/PropertyDetailView.tsx
+++ b/src/components/supply/PropertyDetailView.tsx
@@ -366,28 +366,24 @@ export function PropertyDetailView({ propertyId, onClose }: PropertyDetailViewPr
         )}
       </Box>
 
-      {/* Photo + Map — side by side, compact */}
-      {(property.images?.[0] || property.location.coordinates) && (
-        <Box sx={{ display: 'flex', flexShrink: 0, height: 140, borderBottom: '1px solid #e2e8f0' }}>
-          {property.images?.[0] && (
-            <Box sx={{ flex: property.location.coordinates ? '0 0 55%' : 1, overflow: 'hidden' }}>
-              <img
-                src={property.images[0]}
-                alt={property.title}
-                style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }}
-              />
-            </Box>
-          )}
-          {property.location.coordinates && (
-            <Box sx={{ flex: 1, overflow: 'hidden' }}>
-              <PropertyMap
-                lat={property.location.coordinates.lat}
-                lng={property.location.coordinates.lng}
-                label={property.title}
-                height={140}
-              />
-            </Box>
-          )}
+      {/* Photo + Map — stacked, compact */}
+      {property.images?.[0] && (
+        <Box sx={{ flexShrink: 0, height: 160, overflow: 'hidden' }}>
+          <img
+            src={property.images[0]}
+            alt={property.title}
+            style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }}
+          />
+        </Box>
+      )}
+      {property.location.coordinates && (
+        <Box sx={{ flexShrink: 0, borderBottom: '1px solid #e2e8f0' }}>
+          <PropertyMap
+            lat={property.location.coordinates.lat}
+            lng={property.location.coordinates.lng}
+            label={property.title}
+            height={120}
+          />
         </Box>
       )}