From 4f61e43b8c06ee2052313b080df23d6aee82e76d Mon Sep 17 00:00:00 2001
From: Ross <ross@xkjq.uk>
Date: Fri, 15 May 2026 20:19:12 +0100
Subject: [PATCH] feat(viewer): Refactor DICOM viewer structure and update
 responsive styles

---
 .../atlas/collection_case_view_take.html      | 34 +++++++++----------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/atlas/templates/atlas/collection_case_view_take.html b/atlas/templates/atlas/collection_case_view_take.html
index f91462d5..49abee20 100644
--- a/atlas/templates/atlas/collection_case_view_take.html
+++ b/atlas/templates/atlas/collection_case_view_take.html
@@ -116,13 +116,10 @@
             <div id="viewer-moveable-home">
                 <div id="viewer-moveable">
                     <div id="viewer-container" class="viewer-resizable-container">
-                        <details id="dicom-viewer-details" open>
-                            <summary class="py-1 small text-muted">Series</summary>
-                            <div id="main_viewer" class="dicom-viewer-root viewer-frame-standard"
-                                 data-auto-cache-stack="false"
-                                 data-named-stacks='{{casedetail.get_case_named_stacks}}'
-                            ></div>
-                        </details>
+                        <div id="main_viewer" class="dicom-viewer-root viewer-frame-standard"
+                             data-auto-cache-stack="false"
+                             data-named-stacks='{{casedetail.get_case_named_stacks}}'
+                        ></div>
                     </div>
                     <div id="viewer-resize-handle" class="viewer-resize-handle" title="Drag to resize viewer">
                         <div class="viewer-resize-grip-inner"></div>
@@ -473,8 +470,8 @@
         .viewer-resizable-container {
             position: relative;
             overflow: hidden;
-            height: min(70vh, 700px);
-            min-height: 220px;
+            height: clamp(560px, 78vh, 920px);
+            min-height: 320px;
             max-height: 85vh;
             resize: vertical;
         }
@@ -483,21 +480,22 @@
             width: 100% !important;
             height: 100% !important;
             min-height: 0;
+            max-height: none !important;
         }
 
-        .viewer-resizable-container #dicom-viewer-details {
-            height: 100%;
-            display: flex;
-            flex-direction: column;
+        #viewer-container {
+            width: 100%;
         }
 
-        .viewer-resizable-container #dicom-viewer-details > summary {
-            flex: 0 0 auto;
+        #viewer-container #main_viewer {
+            box-sizing: border-box;
         }
 
-        .viewer-resizable-container #dicom-viewer-details > div {
-            flex: 1 1 auto;
-            min-height: 0;
+        @media (max-width: 991.98px) {
+            .viewer-resizable-container {
+                height: clamp(360px, 60vh, 640px);
+                min-height: 280px;
+            }
         }
 
         .viewer-resize-handle {