fix(Admin): Correction de la mise en page des cases à cochées (#1466)

lemarche/static/itou_marche/admin.css

@@ -13,15 +13,27 @@
 
 @media (max-width: 767px) {
     div.flex-container {
-        flex-flow: wrap;  /* changes to 'column' on small screens, but breaks stuff like checkboxes */
+        flex-flow: wrap;
+        /* changes to 'column' on small screens, but breaks stuff like checkboxes */
     }
 }
 
 .custom-checkbox-select-multiple {
     display: table-cell;
 }
-div.custom-checkbox-select-multiple > div > label {
-    width: 100%;  /* 160px default ; to avoid line breaks */
+
+div.custom-checkbox-select-multiple>div>label {
+    width: 100%;
+    /* 160px default ; to avoid line breaks */
+}
+
+#content-main .aligned label {
+    width: auto;
+}
+
+#content-main .aligned .help {
+    margin-left: 0;
+    padding-left: 0;
 }
 
 /* Modal style for tender change admin */
@@ -67,4 +79,4 @@ div.custom-checkbox-select-multiple > div > label {
 
 #cancel-button:hover {
     padding: 10px 15px;
-}
+}

lemarche/templates/django/forms/widgets/checkbox_option.html

@@ -0,0 +1,8 @@
+{% if widget.wrap_label %}
+    <label {% if widget.attrs.id %}for="{{ widget.attrs.id }}"{% endif %}>
+    {% endif %}
+    {% include "django/forms/widgets/input.html" %}
+    {% if widget.wrap_label %}
+        {{ widget.label }}
+    </label>
+{% endif %}