From 8096a36a11ff1e6f65e2ca9e31c3afe94c14145e Mon Sep 17 00:00:00 2001
From: Ross <ross@xkjq.uk>
Date: Fri, 14 Nov 2025 21:52:37 +0000
Subject: [PATCH] Reorganize finding form placement in series viewer for
 improved layout

---
 atlas/templates/atlas/series_viewer.html | 52 ++++++++++++------------
 1 file changed, 27 insertions(+), 25 deletions(-)

diff --git a/atlas/templates/atlas/series_viewer.html b/atlas/templates/atlas/series_viewer.html
index 9a2a1cd1..acbda9ee 100755
--- a/atlas/templates/atlas/series_viewer.html
+++ b/atlas/templates/atlas/series_viewer.html
@@ -27,7 +27,7 @@
 
     <div class="row">
         <div class="col-md-8 mb-3">
-            <div class="card h-100">
+            <div class="card">
                 <div class="card-body p-2">
                     {% with image_url_array_and_count=series.get_image_url_array_and_count %}
                     <div id="root" class="dicom-viewer-root w-100" data-images="{{ image_url_array_and_count.0 }}"
@@ -51,6 +51,31 @@
             </div>
 
             <div class="mt-3">
+                <!-- Finding form moved below the viewport -->
+                <div class="card mt-3">
+                    <div class="card-header">Finding form</div>
+                    <div class="card-body">
+                        <div id="finding-form">
+                            <div class="hide" id="hidden-form">
+                                {% if editing_finding > 0 %}
+                                    <h5>Editing Finding</h5>
+                                    <p class="small">Editing finding with ID: {{editing_finding}}</p>
+                                {% else %}
+                                    <h5>Add Finding</h5>
+                                    <p class="small">Click the button below to add a new finding.</p>
+                                {% endif %}
+                                <form method="post" id="series_finding_form">
+                                    {% csrf_token %}
+                                    {{series_finding_form|crispy}}
+                                    <div class="d-flex gap-2 mt-2">
+                                        <input type="submit" value="Submit" class="btn btn-success btn-sm">
+                                        <button id="cancel-add-finding-button" class="btn btn-secondary btn-sm">Cancel</button>
+                                    </div>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                </div>
                 <details class="styled-detail open">
                     <summary>Findings</summary>
                     <div class="mt-2">
@@ -146,30 +171,7 @@
                 </div>
             </div>
 
-            <div class="card mb-3">
-                <div class="card-header">Finding form</div>
-                <div class="card-body">
-                    <div id="finding-form">
-                        <div class="hide" id="hidden-form">
-                            {% if editing_finding > 0 %}
-                                <h5>Editing Finding</h5>
-                                <p class="small">Editing finding with ID: {{editing_finding}}</p>
-                            {% else %}
-                                <h5>Add Finding</h5>
-                                <p class="small">Click the button below to add a new finding.</p>
-                            {% endif %}
-                            <form method="post" id="series_finding_form">
-                                {% csrf_token %}
-                                {{series_finding_form|crispy}}
-                                <div class="d-flex gap-2 mt-2">
-                                    <input type="submit" value="Submit" class="btn btn-success btn-sm">
-                                    <button id="cancel-add-finding-button" class="btn btn-secondary btn-sm">Cancel</button>
-                                </div>
-                            </form>
-                        </div>
-                    </div>
-                </div>
-            </div>
+            
 
             {% if can_edit %}
                 <div class="card">