update email form pill buttons

evap/evaluation/templates/bootstrap_form_pill_group.html

 <div class="mb-3 d-md-flex">
-    <div class="col-md-2 pe-4">
-        <div class="nav flex-column nav-pills" role="tablist">
+    <div class="col-md-2 pe-4 form-label">
+        <div class="nav flex-column nav-pills btn-switch" role="tablist">
             {% for field in fields %}
-                <button class="nav-link text-end{% if forloop.first %} active{% endif %}" data-bs-toggle="pill" data-bs-target="#tab-{{ field.id_for_label }}" type="button" role="tab">
+                <button class="nav-link fw-bold text-end{% if forloop.first %} active{% endif %}" data-bs-toggle="pill" data-bs-target="#tab-{{ field.id_for_label }}" type="button" role="tab">
                     {{ field.label }}
                 </button>
             {% endfor %}

evap/staff/forms.py

@@ -535,8 +535,8 @@ class EvaluationEmailForm(forms.Form):
         widget=forms.CheckboxSelectMultiple(), choices=EmailTemplate.Recipients.choices, label=_("Send email to")
     )
     subject = forms.CharField(label=_("Subject"))
-    plain_content = forms.CharField(widget=forms.Textarea(), label=_("Plain Message"))
-    html_content = forms.CharField(widget=forms.Textarea(), label=_("HTML Message"))
+    plain_content = forms.CharField(widget=forms.Textarea(), label=_("Plain Text"))
+    html_content = forms.CharField(widget=forms.Textarea(), label=_("HTML"))
 
     def __init__(self, *args, evaluation, export=False, **kwargs):
         super().__init__(*args, **kwargs)
@@ -575,8 +575,8 @@ class RemindResponsibleForm(forms.Form):
     to = UserModelChoiceField(None, required=False, disabled=True, label=_("To"))
     cc = UserModelMultipleChoiceField(None, required=False, disabled=True, label=_("CC"))
     subject = forms.CharField(label=_("Subject"))
-    plain_content = forms.CharField(widget=forms.Textarea(), label=_("Plain Message"))
-    html_content = forms.CharField(widget=forms.Textarea(), label=_("HTML Message"))
+    plain_content = forms.CharField(widget=forms.Textarea(), label=_("Plain Text"))
+    html_content = forms.CharField(widget=forms.Textarea(), label=_("HTML"))
 
     def __init__(self, *args, responsible, **kwargs):
         super().__init__(*args, **kwargs)

evap/staff/templates/staff_evaluation_email.html

@@ -18,12 +18,12 @@
                                 {% for field in rest %}
                                     {% if field.name == 'recipients' %}
                                         <div class="mb-3 d-flex">
-                                            {% include 'bootstrap_form_field_label.html' with field=field class='col-md-2' %}
+                                            {% include 'bootstrap_form_field_label.html' with field=field class='col-md-2 pe-4' %}
                                             <div class="col-md-7{% if field.errors %} is-invalid{% endif %}">
                                                 <div class="btn-group btn-group-toggle mb-1" data-bs-toggle="buttons">
                                                     {% for choice in field %}
-                                                        <label class="btn btn-sm btn-light{% if choice.data.value in field.value %} active{% endif %}{% if field.errors %} error-label{% endif %}">
-                                                            <input id="{{ choice.id_for_label }}" name="{{ choice.data.name }}" type="checkbox" value="{{ choice.data.value }}" autocomplete="off"{% if choice.data.value in field.value %} checked{% endif %} />
+                                                        <input id="{{ choice.id_for_label }}" class="btn-check" name="{{ choice.data.name }}" type="checkbox" value="{{ choice.data.value }}" autocomplete="off"{% if choice.data.value in field.value %} checked{% endif %} />
+                                                        <label class="btn btn-sm btn-outline-primary{% if field.errors %} error-label{% endif %}" for="{{ choice.id_for_label }}">
                                                             {{ choice.choice_label }} {{ choice.id }}
                                                         </label>
                                                     {% endfor %}