From 0e3637e5efd53d5f5d9ef944d6ce14a899cfee2e Mon Sep 17 00:00:00 2001
From: Gregoo <versatile.mailbox@gmail.com>
Date: Thu, 30 Jan 2025 23:34:47 +0100
Subject: [PATCH] Make checkbox clickable in the entire width of their
 container

---
 templates/macro/form.html | 2 +-
 templates/set/card.html   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/macro/form.html b/templates/macro/form.html
index 379309f..dfd8211 100644
--- a/templates/macro/form.html
+++ b/templates/macro/form.html
@@ -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 %}
diff --git a/templates/set/card.html b/templates/set/card.html
index 19e493c..c9afbdd 100644
--- a/templates/set/card.html
+++ b/templates/set/card.html
@@ -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 %}