Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How can I reduce the line spacing in the Firefox address-bar drop-down list

  • 3 replies
  • 5 have this problem
  • 272 views
  • Last reply by OneMoreName

more options

Just tried Firefox 54.0.1 and 52.2.1esr, moving up from 50.0.2, and in both of these newer versions the address-bar drop-down list (list of previously visited sites that drops down when you type into the address bar) is very widely spaced. Lines take about twice as much vertical space as in 50.0.2, and there is much much too much white space between them. Thre thread in url https://support.mozilla.org/en-US/questions/1155533 shows what I am seeing, but the suggestion there does not change the line spacing. Note that the search bar dropdown still is reasonably compact, but the address bar dropdown is not. How can I get the vertical spacing of lines back to a good single-space image?

Just tried Firefox 54.0.1 and 52.2.1esr, moving up from 50.0.2, and in both of these newer versions the address-bar drop-down list (list of previously visited sites that drops down when you type into the address bar) is very widely spaced. Lines take about twice as much vertical space as in 50.0.2, and there is much much too much white space between them. Thre thread in url https://support.mozilla.org/en-US/questions/1155533 shows what I am seeing, but the suggestion there does not change the line spacing. Note that the search bar dropdown still is reasonably compact, but the address bar dropdown is not. How can I get the vertical spacing of lines back to a good single-space image?

Chosen solution

Just in case it wasn't mentioned anywhere, the userChrome.css file is only read at startup, so it's a little inconvenient for tweaking...

You also could consider reducing the height of each row from 30 pixels to 26 pixels. The rule for that would be:

#PopupAutoCompleteRichResult .autocomplete-richlistitem {
  height: 26px !important;
  min-height: 26px !important;
}

I'm attaching a screenshot showing how this appears on mine. The border was added just to make the effect clearer and isn't included in the above rule.

Of course, if 26 pixels is still too tall, you probably could take it down to some smaller number of pixels. It gets quite cramped at 20 pixels.

Read this answer in context 👍 2

All Replies (3)

more options

That would be to remove padding and border top and bottom ans possibly use negative margin-top and margin-bottom for .autocomplete-richlistitem to further reduce the height of each item. You would have to test what works for you.

.autocomplete-richlistitem {
 padding-top: 0px !important;
 padding-bottom: 0px !important;
}
more options

Chosen Solution

Just in case it wasn't mentioned anywhere, the userChrome.css file is only read at startup, so it's a little inconvenient for tweaking...

You also could consider reducing the height of each row from 30 pixels to 26 pixels. The rule for that would be:

#PopupAutoCompleteRichResult .autocomplete-richlistitem {
  height: 26px !important;
  min-height: 26px !important;
}

I'm attaching a screenshot showing how this appears on mine. The border was added just to make the effect clearer and isn't included in the above rule.

Of course, if 26 pixels is still too tall, you probably could take it down to some smaller number of pixels. It gets quite cramped at 20 pixels.

more options

Regarding jscher2000's solution, I had tried the height: operand before posting, but did not know about the min-height: operand, and so my trials did not take. A height and min-height of 20px is starting to look good. (Don't use the border, though.) Thanks.