diff options
| author | Gijs Boddeus <[email protected]> | 2017-01-21 21:25:24 +0100 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-01-21 12:25:24 -0800 |
| commit | 12b22ebad65c10fb22b5dc55b785a70158005199 (patch) | |
| tree | db10a4a3264dc2eb03ae53c71a78fb374b68dd0c | |
| parent | ade657afee0172b51979593c0cb0828db094f7f7 (diff) | |
| download | bootstrap-12b22ebad65c10fb22b5dc55b785a70158005199.tar.xz bootstrap-12b22ebad65c10fb22b5dc55b785a70158005199.zip | |
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
| -rw-r--r-- | scss/_input-group.scss | 5 |
1 files changed, 1 insertions, 4 deletions
diff --git a/scss/_input-group.scss b/scss/_input-group.scss index ab44883bd..49cdf2830 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); |