From 9b431eb9821722bb920965b9e2dca6dac656b0d2 Mon Sep 17 00:00:00 2001
From: JakeBreath <tolozacdcmo@gmail.com>
Date: Wed, 23 Sep 2026 22:56:48 -0500
Subject: [PATCH] Stop the metadata preview from being clipped

The preview box is a flex item in the fixed-height modal column, so default
flex-shrink squeezed it and overflow-hidden cropped tall images to a slice.
shrink-0 keeps its natural size (capped at 60vh) and lets the column scroll.
---
 frontend/src/features/upload/UploadPage.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/features/upload/UploadPage.tsx b/frontend/src/features/upload/UploadPage.tsx
index 791e53c..a3d5888 100644
--- a/frontend/src/features/upload/UploadPage.tsx
+++ b/frontend/src/features/upload/UploadPage.tsx
@@ -562,20 +562,20 @@ function MetadataForm({
 
       <div className="grid min-h-0 flex-1 overflow-y-auto lg:grid-cols-[minmax(0,1fr)_minmax(0,34rem)] lg:overflow-hidden">
         <div className="flex min-w-0 flex-col gap-5 p-5 lg:overflow-y-auto">
-          <div className="w-fit max-w-full self-start overflow-hidden rounded-md border border-ctp-surface0 bg-ctp-mantle">
+          <div className="w-fit max-w-full shrink-0 self-start overflow-hidden rounded-md border border-ctp-surface0 bg-ctp-mantle">
             {mediaUrl ? (
               isVideo ? (
                 <video
                   src={mediaUrl}
                   controls
                   muted
-                  className="block h-auto max-h-[70vh] w-auto max-w-full"
+                  className="block h-auto max-h-[60vh] w-auto max-w-full"
                 />
               ) : (
                 <img
                   src={mediaUrl}
                   alt={temp.original_filename}
-                  className="block h-auto max-h-[70vh] w-auto max-w-full"
+                  className="block h-auto max-h-[60vh] w-auto max-w-full"
                 />
               )
             ) : (