.

generic/templates/generic/examcollection_form.html

@@ -96,7 +96,7 @@
                 {% for label, field_name, bound in exam_groups %}
                     <div class="col">
                         <div class="p-3 border rounded h-100">
-                            <h6 class="small mb-2 text-muted">{{ label }}</h6>
+                            <h6 class="mb-2">{{ label }}</h6>
                             <div>
                                 {{ bound }}
                                 {% if bound.errors %}

generic/widgets.py

@@ -433,7 +433,7 @@ class ExamSearchSelectMultipleWidget:
                 <div class="d-flex gap-2 align-items-start">
                     <input type="search" id="{search_id}" class="form-control form-control-sm" placeholder="Search exams by name or code" />
                     <!-- optional type indicator -->
-                    {f'<div class="badge bg-secondary small">{self.exam_model._meta.verbose_name.title()}</div>' if self.exam_model is not None else ''}
+                    {f'<div class="ms-2"><span class="badge bg-primary text-white small fw-semibold" aria-hidden="true">{self.exam_model._meta.verbose_name.title()}</span><span class="visually-hidden">Exam type: {self.exam_model._meta.verbose_name.title()}</span></div>' if self.exam_model is not None else ''}
                     <button type="button" id="exam_search_help_btn_{self.name}" class="btn btn-sm btn-outline-secondary" aria-expanded="false" aria-controls="exam_search_help_panel_{self.name}" title="Advanced search help">?</button>
                 </div>
                 <div id="exam_search_help_panel_{self.name}" class="card card-body mt-2 d-none" style="font-size:.9rem;">