From 662fc4e06e29cd2773c5a5617132d5d444be4fb8 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 19 Jan 2026 12:39:36 +0000
Subject: [PATCH] Refactor CSS in exam scores user template to enforce minimum
 width for sticky viewer on larger viewports

---
 anatomy/templates/anatomy/exam_scores_user.html | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/anatomy/templates/anatomy/exam_scores_user.html b/anatomy/templates/anatomy/exam_scores_user.html
index e8fb1285..f753386b 100644
--- a/anatomy/templates/anatomy/exam_scores_user.html
+++ b/anatomy/templates/anatomy/exam_scores_user.html
@@ -70,6 +70,10 @@
     <style>
         /* Ensure the sticky viewer stays within its column and the canvas scales */
         .anatomy .card.sticky-top { max-width: 100%; }
+        /* Keep viewer usable by enforcing a minimum width on larger viewports */
+        @media (min-width: 768px) {
+            .anatomy .card.sticky-top { min-width: 600px; }
+        }
         .anatomy .question-display-block .inner-display-block { overflow: auto; }
         .dicom-viewer, .dicom-viewer .canvas-panel, .dicom-viewer .cornerstone-element { max-width: 100%; box-sizing: border-box; }
         .dicom-viewer canvas { max-width: 100% !important; width: 100% !important; height: auto !important; display: block; }