From 119f4182e5ebb00bb80a2b7d29e30507b75e9c6c Mon Sep 17 00:00:00 2001
From: Christopher Charbonneau Wells <chris@chrxs.net>
Date: Sat, 3 Feb 2018 18:39:17 -0500
Subject: [PATCH] Use custom control for checkboxes.

---
 babybuddy/templates/babybuddy/form_field.html | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/babybuddy/templates/babybuddy/form_field.html b/babybuddy/templates/babybuddy/form_field.html
index b7cdd6f5..84e90f08 100644
--- a/babybuddy/templates/babybuddy/form_field.html
+++ b/babybuddy/templates/babybuddy/form_field.html
@@ -7,14 +7,13 @@
 </label>
 <div class="col-sm-10">
     {% if field|field_type == "booleanfield" %}
-        <div class="form-check">
-            <label for="id_{{ field.name }}" class="form-check-label"></label>
+        <div class="custom-control custom-checkbox">
             {% if field.errors %}
-                {{ field|add_class:"form-check-input is-invalid" }}
+                {{ field|add_class:"custom-control-input is-invalid" }}
             {% else %}
-                {{ field|add_class:"form-check-input" }}
+                {{ field|add_class:"custom-control-input" }}
             {% endif %}
-            {{ field.label }}
+            <label for="id_{{ field.name }}" class="custom-control-label">{{ field.label }}</label>
         </div>
     {% elif field|field_type == "datetimefield" or field|field_type == "datefield" %}
         <div class="form-group">