vertical align checkbox

Representable · Dec 19, 2020 · cfe8872 · cfe8872
1 parent 3b8fcca
commit cfe8872
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 18 deletions.
diff --git a/main/forms.py b/main/forms.py
@@ -231,7 +231,7 @@ class Meta:
                 choices=STATES, attrs={"class": "form-control"}
             ),
             "require_user_addresses": forms.CheckboxInput(
-                attrs={"class": "custom-control-inline form-control"}
+                attrs={"class": "form-check-input"}
             ),
         }
 

diff --git a/main/templates/main/dashboard/drives/create.html b/main/templates/main/dashboard/drives/create.html
@@ -12,23 +12,31 @@
                     <h5 class="card-title text-center">
                         Create a Drive
                     </h5>
-                      <form role="form" id="CreateDrive" method="post">{% csrf_token %}
-
-                          <div class="form-group">
-                        {% for field in form %}
-                          <div class="fieldWrapper">
-                              {{ field.errors }}
-                              {{ field.label_tag }}{{ field }}
-                              {% if field.help_text %}
-                              <p class="help">{{ field.help_text|safe }}</p>
-                              {% endif %}
-                          </div>
-                      {% endfor %}
-                      </div>
-                      <div style="display: inline-block;">
-                          <button id="save" form="CreateDrive" type="submit" class="btn btn-primary" value="Submit">Submit</button>
-                      </div>
-                      </form>
+                    <form role="form" id="CreateDrive" method="post">
+                        {% csrf_token %}
+                        <div class="form-group">
+                            {% for field in form %}
+                            <div class="fieldWrapper">
+                                {% if "require_user_addresses" in field.label_tag %}
+                                <div class="form-check form-check-inline">
+                                    {{ field.label_tag }}
+                                    {{ field }}
+                                </div>
+                                {% else %}
+                                {{ field.errors }}
+                                {{ field.label_tag }}
+                                {{ field }}
+                                {% if field.help_text %}
+                                <p class="help">{{ field.help_text|safe }}</p>
+                                {% endif %}
+                                {% endif %}
+                            </div>
+                            {% endfor %}
+                        </div>
+                        <div style="display: inline-block;">
+                            <button id="save" form="CreateDrive" type="submit" class="btn btn-primary" value="Submit">Submit</button>
+                        </div>
+                    </form>
                     {% endif %}
                     {% if not verified %}
                     <h5 class="card-title text-center">