From: Patrick Yeo <patrick.yeo@liferay.com>
Date: Tue, 2 May 2017 00:59:21 +0000 (-0700)
Subject: Apply `align-items: center;` to `.input-group` instead of input group sub components... 
X-Git-Tag: v4.0.0-beta.2~381^2~3
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=02ae73fc0fc21049ea4199dfda18c87c9b709e52;p=thirdparty%2Fbootstrap.git

Apply `align-items: center;` to `.input-group` instead of input group sub components, causes `.input-group .form-control` and `.input-group-addon` to be large when next to a tall element
---

diff --git a/scss/_input-group.scss b/scss/_input-group.scss
index 4d3fec656d..40bc50a537 100644
--- a/scss/_input-group.scss
+++ b/scss/_input-group.scss
@@ -5,6 +5,7 @@
 .input-group {
   position: relative;
   display: flex;
+  align-items: center;
   width: 100%;
 
   .form-control {
@@ -28,10 +29,6 @@
 .input-group-addon,
 .input-group-btn,
 .input-group .form-control {
-  // Vertically centers the content of the addons within the input group
-  display: flex;
-  align-items: center;
-
   &:not(:first-child):not(:last-child) {
     @include border-radius(0);
   }