Tab size and blank space in Firefox 4

[Slowpoke]

Here a fixed CSS for making faviconized tab looks like AppTab
https://gist.github.com/885596

[skittleys]

I had this issue before, and then your "fix" worked...but now it's broken again in Firefox 6!

[Slowpoke]

Well guys. I think that repacking every new version of the extension is inconvenient so now I'm using a special userstyle for customizing FF's interface. Do you know how to use Stylish? If "yes" try this:

.tabbrowser-tabs tab[faviconized="true"][fadein="true"]
{min-width: 32px !important;}
.tabbrowser-tabs tab[faviconized="true"] .tab-icon-image
{margin-left: 5px !important;}
.tabbrowser-tabs[closebuttons="never"] tab[faviconized="true"][fadein="true"],
.tabbrowser-tabs[closebuttons="activetab"] tab[faviconized="true"][fadein="true"]:not([selected="true"]),
.tabbrowser-tabs[favhideclose="true"] tab[faviconized="true"][fadein="true"]
{max-width: 32px !important;}

[john-peterson]

width should be 28 with left-margin 3 to center the icon. (Or 32 to match the app tab, although I argue that that's unnecessary space).

[Slowpoke]

.tabbrowser-tabs tab[faviconized="true"][fadein="true"] {
  min-width: 32px !important;}
.tabbrowser-tabs tab[faviconized="true"][fadein="true"] .tab-icon-image,
.tabbrowser-tabs tab[faviconized="true"][fadein="true"] .tab-throbber {
  margin-left: 5px !important;}
.tabbrowser-tabs tab[faviconized="true"][pinned="true"] .tab-icon-image {
  margin-top: 1px !important;}
.tabbrowser-tabs[closebuttons="never"] tab[faviconized="true"][fadein="true"],
.tabbrowser-tabs[closebuttons="activetab"] tab[faviconized="true"][fadein="true"]:not([selected="true"]),
.tabbrowser-tabs[favhideclose="true"] tab[faviconized="true"][fadein="true"] {
  max-width: 32px !important;}