diff --git a/rapids/templates/rapids/exam_overview.html b/rapids/templates/rapids/exam_overview.html
index 3d8f7213..d97c6561 100644
--- a/rapids/templates/rapids/exam_overview.html
+++ b/rapids/templates/rapids/exam_overview.html
@@ -11,12 +11,12 @@
     <h1>Exam: {{ exam.name }}</h1>
     This exam has {{question_number}} questions. Time limit: {{exam.time_limit}} seconds.<br />
     <div class="parent-help" title="">
-    Normal count: {{ exam.get_normal_abnormal_breakdown }}<span
-            class="help-text">[Number of normal questions within the exam]</span>
+        Normal count: {{ exam.get_normal_abnormal_breakdown }}<span class="help-text">[Number of normal questions within
+            the exam]</span>
     </div>
     <div class="parent-help" title="">
-    Exam mode: {{ exam.exam_mode }}<span
-            class="help-text">[When true the packet will be taken as an exam (it will not self mark and results will be saved here)]</span>
+        Exam mode: {{ exam.exam_mode }}<span class="help-text">[When true the packet will be taken as an exam (it will
+            not self mark and results will be saved here)]</span>
     </div>
 
     <div class="parent-help" title="Click to enable / disable the exam">
@@ -37,24 +37,24 @@
 
         <li data-question_pk={{question.pk}}>
             <span class="flex-col">
-            <a href="{% url 'rapids:exam_question_detail' pk=exam.pk sk=forloop.counter0 %}">
-                {% for image in question.get_images %}
-                <img src="{{ image|thumbnail_url:'exam-list' }}" alt="thumbail" />
-                {% endfor %}
-            </a>
+                <a href="{% url 'rapids:exam_question_detail' pk=exam.pk sk=forloop.counter0 %}">
+                    {% for image in question.get_images %}
+                    <img src="{{ image|thumbnail_url:'exam-list' }}" alt="thumbail" />
+                    {% endfor %}
+                </a>
             </span>
             <span class="flex-col-4">
-            {% if not question.normal %}
-            <b>Abnormality:</b> {{ question.get_abnormalities }} <b>Region:</b> {{ question.get_regions }}
-            <br />
-            {{ question.get_primary_answer }}
-            {% else %}
-            <b>Normal</b>
-            {% endif %}
-            <br />
-            Examination: {{ question.get_examinations }}, <a
-                href="{% url 'rapids:question_detail' pk=question.pk %}">View</a>, <a
-                href="{% url 'rapids:mark' pk=exam.pk sk=forloop.counter0 %}">Mark</a>
+                {% if not question.normal %}
+                <b>Abnormality:</b> {{ question.get_abnormalities }} <b>Region:</b> {{ question.get_regions }}
+                <br />
+                {{ question.get_primary_answer }}
+                {% else %}
+                <b>Normal</b>
+                {% endif %}
+                <br />
+                Examination: {{ question.get_examinations }}, <a
+                    href="{% url 'rapids:question_detail' pk=question.pk %}">View</a>, <a
+                    href="{% url 'rapids:mark' pk=exam.pk sk=forloop.counter0 %}">Mark</a>
                 [id: {{question.pk}}]
             </span>
         </li>
@@ -65,7 +65,7 @@
         {{ author }},
         {% endfor %}
     </div>
-    <p><button id='button-edit-order'>Edit exam order</button></p>
+    <p><button id='button-edit-order' title='click and drag questions to change order'>Edit exam order</button></p>
     <div>
         JSON creation time: {{exam.json_creation_time}} ({{exam.json_creation_time|date:"c"}}),
         JSON creation id: {{exam.exam_json_id}}
@@ -189,10 +189,14 @@
             sortable('.sortable');
 
             $("#full-question-list li").each((n, el) => {
-                    $(el).append($("<span class='exam-question-delete flex-col'>[DELETE]</span>").click(() => {el.remove();}));
-                })
+                $(el).append($(
+                    "<span class='exam-question-delete flex-col'><button>DELETE</button></span>"
+                    ).click(() => {
+                    el.remove();
+                }));
+            })
 
-            $("#full-question-list").append($("<button>Save exam order</button>").click(() => {
+            $("#full-question-list").append($("<button title='click and drag questions to change order'>Save exam order</button>").click(() => {
                 new_order = [];
                 $("#full-question-list li").each((n, el) => {
                     new_order.push(el.dataset.question_pk)