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
twbs · Aug 13, 2017 · 02ae73f · 02ae73f
1 parent 9a03d7e
commit 02ae73f
Showing 1 changed file with 1 addition and 4 deletions.
diff --git 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);
   }