From: Gijs Boddeus <botje_gijs@hotmail.com>
Date: Sat, 21 Jan 2017 20:25:24 +0000 (+0100)
Subject: fix segmented buttons (#21716)
X-Git-Tag: v4.0.0-beta~147^2~190^2~2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=12b22ebad65c10fb22b5dc55b785a70158005199;p=thirdparty%2Fbootstrap.git

fix segmented buttons (#21716)

* fix segmented buttons

changed flex-direction to row
centering is now done by align-items instead of justify-content

this way there is no need for flex property on the .btn inside .btn-group

* Update _input-group.scss
---

diff --git a/scss/_input-group.scss b/scss/_input-group.scss
index ab44883bd1..49cdf28300 100644
--- a/scss/_input-group.scss
+++ b/scss/_input-group.scss
@@ -30,8 +30,7 @@
 .input-group .form-control {
   // Vertically centers the content of the addons within the input group
   display: flex;
-  flex-direction: column;
-  justify-content: center;
+  align-items: center;
 
   &:not(:first-child):not(:last-child) {
     @include border-radius(0);
@@ -144,8 +143,6 @@
   // element above the siblings.
   > .btn {
     position: relative;
-    // Vertically stretch the button and center its content
-    flex: 1;
 
     + .btn {
       margin-left: (-$input-btn-border-width);