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

@@ -366,11 +366,9 @@ 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' }}>
+      {/* Photo + Map — stacked, compact */}
       {property.images?.[0] && (
-            <Box sx={{ flex: property.location.coordinates ? '0 0 55%' : 1, overflow: 'hidden' }}>
+        <Box sx={{ flexShrink: 0, height: 160, overflow: 'hidden' }}>
           <img
             src={property.images[0]}
             alt={property.title}
@@ -379,17 +377,15 @@ export function PropertyDetailView({ propertyId, onClose }: PropertyDetailViewPr
         </Box>
       )}
       {property.location.coordinates && (
-            <Box sx={{ flex: 1, overflow: 'hidden' }}>
+        <Box sx={{ flexShrink: 0, borderBottom: '1px solid #e2e8f0' }}>
           <PropertyMap
             lat={property.location.coordinates.lat}
             lng={property.location.coordinates.lng}
             label={property.title}
-                height={140}
+            height={120}
           />
         </Box>
       )}
-        </Box>
-      )}
 
       {/* Tabs */}
       <Tabs