From e0d589f4d0c60215e386355a1f7bc017ee48dc76 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 19 Jan 2026 12:43:41 +0000
Subject: [PATCH] Refactor exam scores user template to enhance viewer block
 structure and improve question display functionality

---
 .../templates/anatomy/exam_scores_user.html   | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/anatomy/templates/anatomy/exam_scores_user.html b/anatomy/templates/anatomy/exam_scores_user.html
index 11280c9d..44f7cb0c 100644
--- a/anatomy/templates/anatomy/exam_scores_user.html
+++ b/anatomy/templates/anatomy/exam_scores_user.html
@@ -50,11 +50,15 @@
                             <button class="btn btn-sm btn-outline-secondary" id="hide-viewer">Hide</button>
                         </div>
                         <div class="card-body p-0">
-                            <div>Question <span class="question-number">No question loaded</span></div>
-                            <div id="question-title" class="fw-bold my-2"></div>
-                            <div id="question-question" class="mb-2"></div>
-                            <div id="single-dicom-viewer" class="dicom-viewer mb-2" data-images="" data-annotations=''></div>
-                            <div class="answers small text-muted">Answers: </div>
+                            <div class="viewer-block">
+                                <div class="viewer-body overflow-auto p-3" style="max-height: calc(100vh - 160px);">
+                                    <div>Question <span class="question-number">No question loaded</span></div>
+                                    <div id="question-title" class="fw-bold my-2"></div>
+                                    <div id="question-question" class="mb-2"></div>
+                                    <div id="single-dicom-viewer" class="dicom-viewer mb-2" data-images="" data-annotations=''></div>
+                                    <div class="answers small text-muted">Answers: </div>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 {% endif %}
@@ -70,6 +74,7 @@
         @media (min-width: 768px) {
             .anatomy .card.sticky-top { min-width: 600px; }
         }
+        .anatomy .viewer-block .viewer-body { 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%; }
@@ -81,7 +86,7 @@
     {% if exam.publish_results %}
         <script>
             $(document).ready(function () {
-                $("#hide-viewer").on('click', function(){ $('.question-display-block .inner-display-block').toggle(); });
+                $("#hide-viewer").on('click', function(){ $('.viewer-block .viewer-body').toggle(); });
 
                 $(".view-question-link").on("click", function (e) {
                     question_number = e.currentTarget.dataset.qn;
@@ -98,12 +103,12 @@
                         .done(function (data) {
                             let event = new CustomEvent('loadDicomViewerUrls', { "detail": { "images": data.images, "annotations": data.annotations } });
                             window.dispatchEvent(event);
-                            $(".question-display-block .answers").empty().append(data.answers.toString());
+                            $(".viewer-block .answers").empty().append(data.answers.toString());
                             $("#question-title").empty().append(data.title);
                             $("#question-question").empty().append(data.question);
                             n = parseInt(question_number) + 1
-                            $(".question-display-block .question-number").empty().append(n);
-                            $(".inner-display-block").show();
+                            $(".viewer-block .question-number").empty().append(n);
+                            $(".viewer-block .viewer-body").show();
                         })
                         .always(function () { console.log('[Done]'); });
                 });