Bug 1094830 - Fix an off by one pixel error causing the new tab button to shake once it reaches the end of the window;r=MattN

browser/themes/shared/devedition.inc.css

@@ -302,16 +302,21 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
   box-shadow: var(--tab-selection-box-shadow);
 }
 
-/* New tab buttons */
+/* Don't need space for the tab curves (66px - 30px) */
-#TabsToolbar > #new-tab-button,
 .tabs-newtab-button {
-  background-image: none !important;
+  width: 36px;
-  margin: 0 !important;
+}
-  width: 35px !important;
+
+/* Override @tabToolbarNavbarOverlap@ */
+#TabsToolbar .toolbarbutton-1,
+.tabbrowser-arrowscrollbox > .scrollbutton-up,
+.tabbrowser-arrowscrollbox > .scrollbutton-down {
+  margin-bottom: 0;
 }
 
 #TabsToolbar > #new-tab-button:hover,
 .tabs-newtab-button:hover {
   /* Important needed because !important is used in browser.css */
   background-color: var(--tab-hover-background-color) !important;
+  background-image: none;
 }

browser/themes/shared/tabs.inc.css

@@ -319,5 +319,5 @@
 /* New tab button */
 
 .tabs-newtab-button {
-  width: 66px;
+  width: calc(36px + @tabCurveWidth@);
 }