fixes #3900: nudge badges in buttons up 1px

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index fa58f2ef34186de3f629cfb7e954fa224ad6ad6f..dd9b96bc16681d9af8a9295e1b026c9f8062c24f 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -5128,6 +5128,12 @@ a.badge:hover {
   background-color: #1a1a1a;
 }
 
+.btn .label,
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
 @-webkit-keyframes progress-bar-stripes {
   from {
     background-position: 40px 0;

diff --git a/less/labels-badges.less b/less/labels-badges.less
index 7537b188a59d6f91aefe281b3a17b3854b723aa2..527cf6497e96cf8e474191fd21afed5ae30c3502 100644 (file)
--- a/less/labels-badges.less
+++ b/less/labels-badges.less
@@ -55,3 +55,12 @@ a {
   &-inverse           { background-color: @grayDark; }
   &-inverse[href]     { background-color: darken(@grayDark, 10%); }
 }
+
+// Quick fix for labels/badges in buttons
+.btn {
+  .label,
+  .badge {
+    position: relative;
+    top: -1px;
+  }
+}

diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html
index a8f62c3ccf9bb6d767a5efe0915f769b49ad4a75..3ded955bf6bc63e08f36a76d54581c43c736a59b 100644 (file)
--- a/less/tests/css-tests.html
+++ b/less/tests/css-tests.html
@@ -1011,7 +1011,8 @@
     </form>
   </div><!--/span-->
   <div class="span4">
-
+    <button class="btn">Action <span class="badge">2</span></button>
+    <button class="btn">Action <span class="label">2</span></button>
   </div><!--/span-->
 </div><!--/row-->