Expand preview handling and search coverage

frontend/style.css

@@ -60,7 +60,7 @@ body {
 }
 
 .result-modal-shell {
-  height: min(calc(100dvh - 1rem), 920px);
+  height: min(calc(100dvh - 0.5rem), 860px);
   margin: auto;
 }
 
@@ -69,7 +69,7 @@ body {
 }
 
 .result-modal-media-frame {
-  max-height: min(42dvh, 28rem);
+  max-height: min(34dvh, 22rem);
 }
 
 .result-modal-details {
@@ -110,16 +110,16 @@ body {
 
 @media (max-height: 900px) {
   .result-modal-media-frame {
-    max-height: min(34dvh, 22rem);
+    max-height: min(28dvh, 18rem);
   }
 }
 
 @media (max-height: 720px) {
   .result-modal-shell {
-    height: min(calc(100dvh - 0.5rem), 780px);
+    height: min(calc(100dvh - 0.25rem), 700px);
   }
 
   .result-modal-media-frame {
-    max-height: min(28dvh, 15rem);
+    max-height: min(22dvh, 11rem);
   }
 }