Enhance user experience by adding informative messages and edit mode functionality across various templates

templates/author_form.html

@@ -15,9 +15,13 @@
 {% block content %}
 
     <h2>Edit Authors</h2>
-    <p>Authors have full access to access and edit the exam/collection (including the ability to add/remove other authors).</p>
-
+    <div class="alert alert-info" role="alert">
+<p>
+    Authors have <b>full access</b> to access and edit the exam/collection (<b>including the ability to add/remove other authors</b>).
+</p>
     <p>If you just want a user to be able to mark questions add them as a marker instead.</p>
+    </div>
+
 
     <form action="" method="post">
         {% csrf_token %}

templates/exam_overview_js.html

@@ -180,7 +180,7 @@
 
     // Existing delete button logic
                 $(el).append($(
-                    "<span class='exam-question-delete flex-col'><button>DELETE</button></span>"
+                    "<span class='exam-question-delete flex-col'><button title='Remove this question from the exam/collection'>Remove</button></span>"
                 ).click(() => {
                     el.remove();
                 }));