Lessen hover effect on checkbox buttons.

babybuddy/static_src/scss/_global.scss

@@ -20,3 +20,10 @@
 .invalid-feedback {
     display: block;
 }
+
+// Disable hover effect on buttons (used for checkbox buttons).
+.btn-no-hover:hover {
+    color: inherit;
+    background-color: inherit;
+    border-color: inherit;
+}

babybuddy/templates/babybuddy/form_field.html

@@ -8,7 +8,7 @@
 <div class="col-sm-10">
     {% if field|field_type == "booleanfield" %}
         <div class="btn-group-toggle" data-toggle="buttons">
-            <label for="id_{{ field.name }}" class="btn btn-outline-light{% if field.value %} active{% endif %}">
+            <label for="id_{{ field.name }}" class="btn btn-outline-light btn-no-hover{% if field.value %} active{% endif %}">
                 {% if field.errors %}
                     {{ field|add_class:"is-invalid" }}
                 {% else %}