Refactor CSS in exam scores user template for improved layout and styling of sticky viewer

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>