Admin/ocean-cleanup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Put location and photo timestamp in same row for more compact layout

Browse Source
This commit is contained in:
Paul Bailey
2025-11-16 22:21:45 +00:00
parent 8f98047bca
commit b801b12435
1 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/report/ReportDetailModal.tsx
View File

@@ -185,7 +185,8 @@ export function ReportDetailModal({ report, isOpen, onClose, onVerify, onDispute
</div>
</div>
{/* Location */}
{/* Location and Photo Timestamp */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-3">
<div className="p-3 border border-gray-200 rounded-lg">
<p className="text-sm text-gray-500 mb-2">Location</p>
<div className="space-y-1">
@@ -199,15 +200,6 @@ export function ReportDetailModal({ report, isOpen, onClose, onVerify, onDispute
</div>
</div>
{/* Description */}
{report.description && (
<div className="p-3 border border-gray-200 rounded-lg">
<p className="text-sm text-gray-500 mb-2">Description</p>
<p className="text-gray-900">{report.description}</p>
</div>
)}
{/* Photo Timestamp */}
{report.photoTimestamp && (
<div className="p-3 border border-gray-200 rounded-lg">
<p className="text-sm text-gray-500 mb-1">Photo Taken</p>
@@ -216,6 +208,15 @@ export function ReportDetailModal({ report, isOpen, onClose, onVerify, onDispute
</p>
</div>
)}
</div>
{/* Description */}
{report.description && (
<div className="p-3 border border-gray-200 rounded-lg">
<p className="text-sm text-gray-500 mb-2">Description</p>
<p className="text-gray-900">{report.description}</p>
</div>
)}
{/* Environmental Concerns */}
{report.environmentalConcerns && report.environmentalConcerns.length > 0 && (