.

atlas/templates/atlas/collection_mark_question.html

@@ -49,7 +49,7 @@
         </div>
         <div class="offcanvas-body">
 
-    <div>
+        <div>
         <div id="single-dicom-viewer" class="dicom-viewer" data-images="" data-annotations=''>
         </div>
 

rapids/templates/rapids/mark.html

@@ -12,7 +12,6 @@
                 This questions has unmarked answers. Are you sure you want to review?
             </div>
         {% endif %}
-    <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop">View Case</button>
 
         {% if question.normal %}
             <h3>This question is normal</h3>
@@ -107,6 +106,7 @@
                         <button type="submit" name="skip" class="save btn btn-default">Skip</button>
                     {% endif %}
                 </span>
+                <p><button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop">View/Hide Case</button></p>
                 <span class=hide>
                     {{ form.as_p }}
                 </span>
@@ -116,9 +116,11 @@
     <div class="offcanvas offcanvas-end bg-black bg-opacity-50" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel">
         <div class="offcanvas-header">
         </div>
+        <div class="offcanvas-body">
         <div id="single-dicom-viewer" class="marking-dicom" data-images="{{question.get_image_url_array}}"
             data-annotations='{{question.get_image_annotations}}'>
         </div>
+        </div>
     </div>
     {% if review and not question.normal %}
         <script>