Wrap labels in a div to reduce inadvertently clickable area to their left in forms

This commit is contained in:
Brian Tiemann 2024-09-17 16:13:17 -04:00
parent 3000407a5f
commit 89d69f2b9c

View File

@ -6,9 +6,11 @@
{# Render the field label (if any), except for checkboxes #}
{% if label and not field|widget_type == 'checkboxinput' %}
<label for="{{ field.id_for_label }}" class="col-sm-3 col-form-label text-lg-end{% if field.field.required %} required{% endif %}">
{{ label }}
</label>
<div class="col-sm-3">
<label for="{{ field.id_for_label }}" class="col-form-label text-lg-end{% if field.field.required %} required{% endif %}">
{{ label }}
</label>
</div>
{% endif %}
{# Render the field itself #}