Bug 851689 - Toolbox Tabs extra wide after the Sidebar adaptation fix r=jwalker

browser/themes/linux/devtools/toolbox.css

@@ -150,10 +150,9 @@
 
 .devtools-tab {
   -moz-appearance: none;
-  width: 47px;
-  min-width: 47px;
+  min-width: 32px;
   min-height: 32px;
-  max-width: 137px;
+  max-width: 127px;
   color: #b6babf;
   margin: 0;
   padding: 0;
@@ -168,8 +167,8 @@
 
 .devtools-tab > image {
   border: none;
-  -moz-margin-end: 6px;
-  -moz-margin-start: 16px;
+  -moz-margin-end: 0;
+  -moz-margin-start: 8px;
   opacity: 0.6;
   max-height: 16px;
 }

browser/themes/osx/devtools/toolbox.css

@@ -139,10 +139,9 @@
 
 .devtools-tab {
   -moz-appearance: none;
-  width: 47px;
-  min-width: 47px;
+  min-width: 32px;
   min-height: 32px;
-  max-width: 137px;
+  max-width: 110px;
   color: #b6babf;
   margin: 0;
   padding: 0;
@@ -156,8 +155,8 @@
 }
 
 .devtools-tab > image {
-  -moz-margin-end: 6px;
-  -moz-margin-start: 16px;
+  -moz-margin-end: 0;
+  -moz-margin-start: 8px;
   opacity: 0.6;
 }
 

browser/themes/windows/devtools/toolbox.css

@@ -151,10 +151,9 @@
 
 .devtools-tab {
   -moz-appearance: none;
-  width: 47px;
-  min-width: 47px;
+  min-width: 32px;
   min-height: 32px;
-  max-width: 137px;
+  max-width: 110px;
   color: #b6babf;
   margin: 0;
   padding: 0;
@@ -169,8 +168,8 @@
 }
 
 .devtools-tab > image {
-  -moz-margin-end: 6px;
-  -moz-margin-start: 16px;
+  -moz-margin-end: 0;
+  -moz-margin-start: 8px;
   opacity: 0.6;
 }