From: Mark Otto <markd.otto@gmail.com>
Date: Fri, 9 Sep 2016 04:26:19 +0000 (-0700)
Subject: v4: Custom checkbox and radio alignment (#20671)
X-Git-Tag: v4.0.0-alpha.5~96
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=82e7abcdf301f27096ee180a53a08a1107e8da1a;p=thirdparty%2Fbootstrap.git

v4: Custom checkbox and radio alignment (#20671)

* Allow text of custom form labels to wrap like the default ones
* Switch from using after to force line breaks to float/clear combo in stacked custom forms
---

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index a5f0bdfc48..fe30f9fadc 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -11,7 +11,7 @@
 
 .custom-control {
   position: relative;
-  display: inline;
+  display: inline-block;
   padding-left: $custom-control-gutter;
   cursor: pointer;
 
@@ -61,7 +61,7 @@
 
 .custom-control-indicator {
   position: absolute;
-  top: .0625rem;
+  top: .25rem;
   left: 0;
   display: block;
   width: $custom-control-indicator-size;
@@ -117,13 +117,8 @@
 
 .custom-controls-stacked {
   .custom-control {
-    display: inline;
-
-    &::after {
-      display: block;
-      margin-bottom: $custom-control-spacer-y;
-      content: "";
-    }
+    float: left;
+    clear: left;
 
     + .custom-control {
       margin-left: 0;