wasn't feeling the new buttons, downsizing again until we get a better balance

1 files changed, 17 insertions, 13 deletions

diff --git a/less/button-groups.less b/less/button-groups.less
index d421b8f42..05235b93b 100644
--- a/less/button-groups.less
+++ b/less/button-groups.less
@@ -34,16 +34,16 @@
 }
 .btn-group > .btn,
 .btn-group > .dropdown-menu {
-  font-size: @baseFontSize; // redeclare as part 2 of font-size inline-block hack
+  font-size: 13px; // redeclare as part 2 of font-size inline-block hack
 }
 
 // Reset fonts for other sizes
 .btn-group > .btn-mini,
 .btn-group > .btn-small {
-  font-size: @baseFontSize - 2px;
+  font-size: 12px;
 }
 .btn-group > .btn-large {
-  font-size: @baseFontSize + 2px;
+  font-size: 16px;
 }
 
 // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
@@ -107,23 +107,23 @@
 
 // Give the line between buttons some depth
 .btn-group > .dropdown-toggle {
-  padding-left: 10px;
-  padding-right: 10px;
+  padding-left: 8px;
+  padding-right: 8px;
   .box-shadow(~"inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
-  *padding-top: 8px;
-  *padding-bottom: 8px;
+  *padding-top: 4px;
+  *padding-bottom: 4px;
 }
 .btn-group > .btn-mini.dropdown-toggle {
-  padding-left: 8px;
-  padding-right: 8px;
+  padding-left: 5px;
+  padding-right: 5px;
 }
 .btn-group > .btn-small.dropdown-toggle {
-  *padding-top: 6px;
-  *padding-bottom: 6px;
+  *padding-top: 4px;
+  *padding-bottom: 4px;
 }
 .btn-group > .btn-large.dropdown-toggle {
-  padding-left: 14px;
-  padding-right: 14px;
+  padding-left: 12px;
+  padding-right: 12px;
 }
 
 .btn-group.open {
@@ -162,6 +162,7 @@
 
 // Reposition the caret
 .btn .caret {
+  margin-top: 7px;
   margin-left: 0;
 }
 .btn:hover .caret,
@@ -170,10 +171,13 @@
 }
 // Carets in other button sizes
 .btn-mini .caret {
+  margin-top: 5px;
 }
 .btn-small .caret {
+  margin-top: 6px;
 }
 .btn-large .caret {
+  margin-top: 6px;
   border-left-width:  5px;
   border-right-width: 5px;
   border-top-width:   5px;