From d69667bbabda1e38228f40dcbf32ea066d454302 Mon Sep 17 00:00:00 2001
From: Christopher Charbonneau Wells <chris@chrxs.net>
Date: Sun, 4 Feb 2018 20:39:47 -0500
Subject: [PATCH] Change checkboxes to checkbox buttons.

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

diff --git a/babybuddy/templates/babybuddy/form_field.html b/babybuddy/templates/babybuddy/form_field.html
index 6a661ae7..405d481f 100644
--- a/babybuddy/templates/babybuddy/form_field.html
+++ b/babybuddy/templates/babybuddy/form_field.html
@@ -7,13 +7,15 @@
 </label>
 <div class="col-sm-10">
     {% if field|field_type == "booleanfield" %}
-        <div class="custom-control custom-checkbox">
-            {% if field.errors %}
-                {{ field|add_class:"custom-control-input is-invalid" }}
-            {% else %}
-                {{ field|add_class:"custom-control-input" }}
-            {% endif %}
-            <label for="id_{{ field.name }}" class="custom-control-label">{{ field.label }}</label>
+        <div class="btn-group-toggle" data-toggle="buttons">
+            <label for="id_{{ field.name }}" class="btn btn-outline-light{% if field.value %} active{% endif %}">
+                {% if field.errors %}
+                    {{ field|add_class:"is-invalid" }}
+                {% else %}
+                    {{ field }}
+                {% endif %}
+                {{ field.label }}
+            </label>
         </div>
     {% elif field|field_type == "datetimefield" or field|field_type == "datefield" %}
             <div class="input-group date" id="datetimepicker_{{ field.name }}" data-target-input="nearest">