Toolbars can really take up a lot of space and we’ve been posting tips on browsing space recovery. Here’s another way to reclaim browsing space by reducing the padding around toolbar buttons. Even a pixel of reclaimed space can make a lot of difference.

  • Open your userChrome.css (I recommend using ChromEdit Plus)
  • Insert this code at the bottom:
    /* Remove extra padding from the Navigation Bar */
    .toolbarbutton-1, .toolbarbutton-menubutton-button {
    padding: 2px 3px !important;
    }
    .toolbarbutton-1[checked="true"], .toolbarbutton-1[open="true"],
    .toolbarbutton-menubutton-button[checked="true"],
    .toolbarbutton-menubutton-button[open="true"] {
    padding: 4px 1px 1px 4px !important;
    }
  • Save your userChrome.css
  • Restart Firefox

Related Posts