.

atlas/templates/atlas/series_viewer.html

@@ -44,8 +44,8 @@ Associated case:
     </div>
 
     <div id="root" class="dicom-viewer-root" data-images="{{ image_url_array_and_count.0 }}"
-      style="width: 1000px; height: 600px; box-sizing: border-box; background: #222;"
+         style="width: 1000px; height: 600px; box-sizing: border-box; background: #222;"
-data-auto-cache-stack=true
+         data-auto-cache-stack=true
     ></div>
 
 
@@ -63,6 +63,13 @@ data-auto-cache-stack=true
         <button id="reset-viewport-button" class="btn btn-secondary">Reset viewport</button>
         <div id="finding-form">
             <div class="hide" id="hidden-form">
+                {% if editing_finding > 0 %}
+                    <h3>Editing Finding</h3>
+                    <p>Editing finding with ID: {{editing_finding}}</p>
+                {% else %}
+                    <h3>Add Finding</h3>
+                    <p>Click the button below to add a new finding.</p>
+                {% endif %}
                 <form method="post" id="series_finding_form">
                     {% csrf_token %}
                     {{series_finding_form|crispy}}
@@ -86,11 +93,11 @@ data-auto-cache-stack=true
             <div class="finding-box">
                 <button id="finding-{{finding.pk}}" class="view-finding-button" data-annotationjson={{finding.annotation_json}}
                         data-viewportjson={{finding.viewport_json}} data-findingid={{finding.id}} data-currentimageid={{finding.current_image_id_index}}>Click to view</button>
-                
+
                 {% if finding.viewer_state_3d %}
-                <button id="finding-{{finding.pk}}-3d" class="view-finding-button-3d" data-annotationjson3d='{{finding.annotation_json_3d}}' data-viewerstatejson='{{finding.viewer_state_3d}}'>Click to view 3D</button>
+                    <button id="finding-{{finding.pk}}-3d" class="view-finding-button-3d" data-annotationjson3d='{{finding.annotation_json_3d}}' data-viewerstatejson='{{finding.viewer_state_3d}}'>Click to view 3D</button>
                 {% endif %}
-                    
+
                 <span class="view-finding-details">
                     Finding(s): {% for f in finding.findings.all %}{{f.get_link}}{% endfor %}<br />
                     Structure(s): {% for s in finding.structures.all %}{{s.get_link}}{% endfor %}<br />
@@ -453,4 +460,16 @@ data-auto-cache-stack=true
         font-weight: bold; /* Optional: Make the active button text bold */
         border-style: dashed;
     }
+    #finding-form #hidden-form {
+        background: #23272b;
+        border: 2px solid #198754;
+        border-radius: 1rem;
+        box-shadow: 0 0 16px #19875455;
+        padding: 2rem;
+        margin: 2rem 0;
+        transition: box-shadow 0.3s;
+    }
+    #finding-form #hidden-form:focus-within {
+        box-shadow: 0 0 24px #198754aa;
+    }
 </style>