From 1652554151cefad74ae64cb9da6b462e8bab73fe Mon Sep 17 00:00:00 2001 From: Gijs Boddeus Date: Fri, 13 Jan 2017 21:47:46 +0100 Subject: [PATCH 1/2] 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 --- scss/_input-group.scss | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/scss/_input-group.scss b/scss/_input-group.scss index ab44883bd196..3579f7b8d975 100644 --- a/scss/_input-group.scss +++ b/scss/_input-group.scss @@ -30,8 +30,8 @@ .input-group .form-control { // Vertically centers the content of the addons within the input group display: flex; - flex-direction: column; - justify-content: center; + flex-direction: row; + align-items: center; &:not(:first-child):not(:last-child) { @include border-radius(0); @@ -144,8 +144,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); From eee6c7407fbe3ade83566577c0b7a5862b9a78a3 Mon Sep 17 00:00:00 2001 From: Gijs Boddeus Date: Mon, 16 Jan 2017 12:35:15 +0100 Subject: [PATCH 2/2] Update _input-group.scss --- scss/_input-group.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/scss/_input-group.scss b/scss/_input-group.scss index 3579f7b8d975..49cdf2830063 100644 --- a/scss/_input-group.scss +++ b/scss/_input-group.scss @@ -30,7 +30,6 @@ .input-group .form-control { // Vertically centers the content of the addons within the input group display: flex; - flex-direction: row; align-items: center; &:not(:first-child):not(:last-child) {