From: Mark Otto <markd.otto@gmail.com>
Date: Mon, 2 Oct 2017 04:20:47 +0000 (-0700)
Subject: Fix buttons that come after the input (input should be under the button)
X-Git-Tag: v4.0.0-beta.2~123
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=864c657488e2ec292c45c2d49322987ba3d56b3a;p=thirdparty%2Fbootstrap.git

Fix buttons that come after the input (input should be under the button)
---

diff --git a/scss/_input-group.scss b/scss/_input-group.scss
index 8afff4c686..a1d16e3848 100644
--- a/scss/_input-group.scss
+++ b/scss/_input-group.scss
@@ -171,6 +171,12 @@
       z-index: 2;
       // remove nagative margin ($input-btn-border-width) to solve overlapping issue with button.
       margin-left: 0;
+
+      // When input is first, overlap the right side of it with the button(-group)
+      &:first-child {
+        margin-left: (-$input-btn-border-width);
+      }
+
       // Because specificity
       @include hover-focus-active {
         z-index: 3;