From a333ff492deb7d3d0d5a78ffda47420d6998e7aa Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 19 Jan 2026 12:35:01 +0000
Subject: [PATCH] Refactor CSS in exam scores user template for improved layout
 and styling of sticky viewer

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

diff --git a/anatomy/templates/anatomy/exam_scores_user.html b/anatomy/templates/anatomy/exam_scores_user.html
index d6ec8e0b..e8fb1285 100644
--- a/anatomy/templates/anatomy/exam_scores_user.html
+++ b/anatomy/templates/anatomy/exam_scores_user.html
@@ -66,6 +66,18 @@
         </div>
     </div>
 {% endblock %}
+{% block css %}
+    <style>
+        /* Ensure the sticky viewer stays within its column and the canvas scales */
+        .anatomy .card.sticky-top { max-width: 100%; }
+        .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; }
+        #single-dicom-viewer { width: 100%; }
+        /* hide horizontal overflow from the card body so the page doesn't scroll sideways */
+        .anatomy .card .card-body { overflow-x: hidden; }
+    </style>
+{% endblock %}
 {% block js %}
     {% if exam.publish_results %}
         <script>