タブのアイコンを右にしてテキストを重ねる

firefox

こんな感じ

userChrom.css か stylish で設定する。

/* アイコンを右にしてテキストを重ねる */
tabs.tabbrowser-tabs tab image{
  -moz-box-ordinal-group: 2 !important;
  margin-left:-16px !important; 
  opacity:0.6;
}
tabs.tabbrowser-tabs tab {
  margin:0 !important;
  -moz-box-ordinal-group: 1 !important;
}
/* 指示されていないタブアイコンは消す */
tabs.tabbrowser-tabs *|tab:not([image]) .tab-icon-image {
  visibility: hidden !important;
}

なぜかstylishでも再起動しないと -moz-box-ordinal-group が効かないです。