Thinning Down FireFox 4's Tab Bar
This post is now outdated, please see the update here:
If you've read my rant on window layout in a widescreen world you'd know that I dislike wasted vertical space in my window layouts.
FireFox 4 beta has just been released and they haven't solved my pet issue... that silly title bar. Just look at the wasted screen real estate:
However, thanks to FireFox's flexibility, the addition of a few lines to one file can solve the problem! Simply adding the following below the @namespace line:
position: fixed !important;
padding-left: 80px !important;
padding-right: 102px !important;
padding-top: 2px !important;
padding: 3px 5px 3px 5px !important;
height: 20px !important;
To your userChrome.css file, and you now get this wonderful layout:
The userChrome.css file is located in the following locations:
XP: C:\Documents and Settings\<user>\Application Data\Mozilla\Firefox\Profiles\<profile>\chrome\
A note: This "fix" will look bad if you have FireFox set to not display that tab bar when you only have a single tab open. Just set FF to always show that tab bar to resolve the issue (FireFox Button > Options > Tabs > Always display tab bar).
EDIT: I changed a line in the navigation toolbox from margin-right to padding right. Using padding right gives a better look.