Thinning Down FireFox 4's Tab Bar - Update!
This post is now outdated, please see the update available here:
My previous post about modifying FireFox 4's tab bar layout has been one of the more popular posts on my blog. After updating to FF4 Beta 6 the modification broke, but I've found a solution:
padding-left: 80px !important;
padding-right: 102px !important;
padding-top: 2px !important;
margin-top: -25px !important;
padding: 3px 5px 3px 5px !important;
height: 20px !important;
As you can see, the only change is we tell the tab bar to move up 25 pixels from where it was. We also ditch the tab position as fixed as it's not really necessary.
This gets us back to our old style. I haven't had time to test all the edge cases to see if it messes anything up, but it should get your normal browsing bar back to an acceptable size.