Make checkbox clickable in the entire width of their container

This commit is contained in:
Gregoo 2025-01-30 23:34:47 +01:00
parent 069ba37e13
commit 0e3637e5ef
2 changed files with 2 additions and 2 deletions

View File

@ -8,7 +8,7 @@
disabled
{% endif %}
autocomplete="off">
<label class="form-check-label" for="{{ prefix }}-{{ item.fields.id }}">
<label class="form-check-label flex-grow-1 ms-1" for="{{ prefix }}-{{ item.fields.id }}">
{{ metadata.fields.name }} <i id="status-{{ prefix }}-{{ item.fields.id }}" class="mb-1"></i>
</label>
{% else %}

View File

@ -29,7 +29,7 @@
{% if not tiny and brickset_statuses | length %}
<ul class="list-group list-group-flush card-check border-bottom-0">
{% for status in brickset_statuses %}
<li class="list-group-item {% if not solo %}p-1{% endif %}">{{ form.checkbox(item, status, delete=delete) }}</li>
<li class="d-flex list-group-item {% if not solo %}p-1{% endif %} text-nowrap">{{ form.checkbox(item, status, delete=delete) }}</li>
{% endfor %}
</ul>
{% endif %}