From: Mark Otto <markd.otto@gmail.com>
Date: Thu, 29 Dec 2016 03:08:33 +0000 (-0800)
Subject: use align-items on .form-inline to keep items from growing too much (#21461)
X-Git-Tag: v4.0.0-alpha.6~80
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b350e60e82efd330e5896c3a2345c43f6fbdcf1a;p=thirdparty%2Fbootstrap.git

use align-items on .form-inline to keep items from growing too much (#21461)
---

diff --git a/scss/_forms.scss b/scss/_forms.scss
index 7b750f030b..7be62bde66 100644
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -298,6 +298,7 @@ select.form-control-lg {
 .form-inline {
   display: flex;
   flex-flow: row wrap;
+  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)
 
   // Because we use flex, the initial sizing of checkboxes is collapsed and
   // doesn't occupy the full-width (which is what we want for xs grid tier),