Enhance marking completion message and candidate display in mark_answer.html for improved clarity

shorts/templates/shorts/mark_answer.html

@@ -145,8 +145,7 @@
     {% endhelp %}
 
     {% if not next_unmarked_id and not unmarked %}
-        <div class="alert alert-info sticky-alert" role="alert">Success! Marking question complete. <br />
-
+        <div class="alert alert-info sticky-alert" role="alert"><h3>Success! Marking question complete.</h3>
 
             {% if exam.double_mark %}
                 <a href="{% url 'shorts:mark_answer_override' exam_id=exam.pk question_number=question_details.current|add:'-1' answer_id=answer.id %}">Set final score</a><br/>
@@ -166,7 +165,11 @@
         </div>
     {% endif %}
 
-    <span>Marking Candidate: {{answer.get_candidate_masked}} ({{unmarked|length}} answer(s) left to mark)</span>
+    <div class="alert alert-primary mb-3" role="alert" style="font-size: 1.1em;">
+        <strong>Marking Candidate:</strong>
+        <span class="ml-2">{{ answer.get_candidate_masked }}</span>
+        <span class="ml-3 text-muted">({{ unmarked|length }} answer{{ unmarked|length|pluralize }} left to mark)</span>
+    </div>
 
     <details closed>
         <summary title="click to view/hide the question details">Question Details</summary>