.

atlas/templates/atlas/series_viewer.html

@@ -45,7 +45,7 @@ Associated case:
 
     <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;"
-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}}
@@ -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>