From 4cdddcf28851fa95baac57062b5baa61d099c9dc Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 16 Feb 2026 09:47:03 +0000
Subject: [PATCH] Refactor HTML structure and JavaScript indentation in primary
 answer templates for improved readability

---
 .../partials/primary_answer_display.html      | 16 +++---
 .../anatomy/partials/primary_answer_form.html | 54 +++++++++----------
 2 files changed, 35 insertions(+), 35 deletions(-)

diff --git a/anatomy/templates/anatomy/partials/primary_answer_display.html b/anatomy/templates/anatomy/partials/primary_answer_display.html
index 06767f8e..e7abfb3e 100644
--- a/anatomy/templates/anatomy/partials/primary_answer_display.html
+++ b/anatomy/templates/anatomy/partials/primary_answer_display.html
@@ -13,13 +13,13 @@
 
     <style>
     /* Scoped styles for primary answer edit control */
-    .primary-answer-wrap .edit-primary-btn {
-        opacity: 0.55;
-        transition: opacity 120ms ease, color 120ms ease;
-    }
-    .primary-answer-wrap:hover .edit-primary-btn {
-        opacity: 1;
-        color: inherit;
-    }
+        .primary-answer-wrap .edit-primary-btn {
+            opacity: 0.55;
+            transition: opacity 120ms ease, color 120ms ease;
+        }
+        .primary-answer-wrap:hover .edit-primary-btn {
+            opacity: 1;
+            color: inherit;
+        }
     </style>
 </div>
diff --git a/anatomy/templates/anatomy/partials/primary_answer_form.html b/anatomy/templates/anatomy/partials/primary_answer_form.html
index 37c7e9a5..f34b092a 100644
--- a/anatomy/templates/anatomy/partials/primary_answer_form.html
+++ b/anatomy/templates/anatomy/partials/primary_answer_form.html
@@ -4,7 +4,7 @@
         {% csrf_token %}
         <div class="mb-2">
             <label for="id_existing_answer" class="form-label">Select existing answer</label>
-                <select name="existing_answer" id="id_existing_answer" class="form-select">
+            <select name="existing_answer" id="id_existing_answer" class="form-select">
                 {% for val, text in form.existing_answer.field.choices %}
                     <option value="{{ val }}" {% if val == form.initial.existing_answer %}selected{% endif %}>{{ text }}</option>
                 {% endfor %}
@@ -15,39 +15,39 @@
             <label for="id_new_answer" class="form-label">Or add a new primary answer</label>
             <textarea name="new_answer" id="id_new_answer" class="form-control" rows="3"></textarea>
 
-    <script>
-    (function(){
-        const sel = document.getElementById('id_existing_answer');
-        const ta = document.getElementById('id_new_answer');
-        if(!sel || !ta) return;
+            <script>
+                (function(){
+                    const sel = document.getElementById('id_existing_answer');
+                    const ta = document.getElementById('id_new_answer');
+                    if(!sel || !ta) return;
 
-        function update() {
-            try {
-                if (ta.value && ta.value.trim().length > 0) {
-                    sel.disabled = true;
-                } else {
-                    sel.disabled = false;
-                }
-            } catch(e) {
+                    function update() {
+                        try {
+                            if (ta.value && ta.value.trim().length > 0) {
+                                sel.disabled = true;
+                            } else {
+                                sel.disabled = false;
+                            }
+                        } catch(e) {
                 // ignore
-            }
-        }
+                        }
+                    }
 
         // initial state
-        update();
+                    update();
 
         // listeners
-        sel.addEventListener('change', function(){
-            if(this.value && this.value !== '') {
-                ta.disabled = true;
-            } else {
-                ta.disabled = false;
-            }
-        });
+                    sel.addEventListener('change', function(){
+                        if(this.value && this.value !== '') {
+                            ta.disabled = true;
+                        } else {
+                            ta.disabled = false;
+                        }
+                    });
 
-        ta.addEventListener('input', update);
-    })();
-    </script>
+                    ta.addEventListener('input', update);
+                })();
+            </script>
         </div>
 
         <div class="d-flex gap-2">