strat tidying up anatomy question form

anatomy/templates/anatomy/anatomyquestion_form.html

@@ -1,6 +1,12 @@
 {% extends "anatomy/base.html" %}
 
 {% load static %}
+{% load crispy_forms_tags %}
+
+{% block title %}
+    Anatomy
+{% endblock %}
+
 
 {% block js %}
 <!--<script type="text/javascript" src="/admin/jsi18n/"></script>-->
@@ -220,6 +226,12 @@
 {% endif %}
     
 <h2>{{object|yesno:"Update,Create"}} Question</h2>
+<details class="help-text">
+    <summary><i class="bi bi-info-circle"></i> Help</summary>
+    <p>This form can be used to create an Anatomy question.</p>
+
+    <p>Question type can be selected from a predefined list. If you require a more please contact ross.kruger@nhs.net.</p>
+</details>
 <form action="" method="post" enctype="multipart/form-data" id="anatomyquestion-form">
     {% csrf_token %}
     <a href="/anatomy/examination/create" id="add_examination" class="add-popup"
@@ -227,9 +239,7 @@
     <a href="/anatomy/body_part/create" id="add_body_part" class="add-popup"
         onclick="return showAddPopup(this);"><img src="{% static '/img/icon-addlink.svg' %}"></a>
 
-    <table>
-        {{ form.as_table }}
-    </table>
+    {{ form|crispy }}
     <div id="drop-container" class="drop-target">Drop image here
         <div id="drop-filenames"></div>
     </div>