Save workspace changes

resources/js/components/artwork/ArtworkDetailsPanel.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import ArtworkFormatBadges from './ArtworkFormatBadges'
 
 function formatCount(value) {
   const n = Number(value || 0)
@@ -76,7 +77,15 @@ export default function ArtworkDetailsPanel({ artwork, stats }) {
 
       {/* Info rows */}
       <div className="mt-4 divide-y divide-white/[0.05]">
-        {resolution && <InfoRow label="Resolution" value={resolution} />}
+        {resolution ? (
+          <div className="py-2">
+            <div className="flex items-center justify-between gap-4">
+              <span className="text-xs uppercase tracking-wider text-white/35">Resolution</span>
+              <span className="text-sm font-medium text-white/80">{resolution}</span>
+            </div>
+            <ArtworkFormatBadges width={width} height={height} className="mt-2" />
+          </div>
+        ) : null}
         <InfoRow label="Uploaded" value={formatDate(artwork?.published_at)} />
       </div>
     </section>