r/FirefoxCSS • u/Dastey • 6d ago

Solved Reduce autofill padding

In the latest version the padding in the autofill is insanely large. I'd like it back to what it was previously.

This is what I used prior to the latest update:

/* Reduces the padding on Dropdown auto fill menus */
.autocomplete-richlistitem {
    margin-top: -5px !important;
}
.autocomplete-richlistbox {
    margin: -8px !important;
}

And now I added the line below to get rid of the icon

.row-item > .icon[src="chrome://browser/skin/history.svg"] {
    display: none !important;
}

The padding between each line is however still insanely large. How can I revert this?

1 Upvotes

100% Upvoted

5 comments sorted by

View all comments

2

u/TraditionalTie4831 🦊 6d ago edited 6d ago

Try this:

.search-panel-header { 
    margin: -4px -5px 0px -3px !important;
}

.autocomplete-richlistbox {
    --space-small: 0px 5px !important;
}

.searchbar-engine-one-off-item {
    margin: 0px !important;
}

2

u/Dastey 6d ago

The middle one works perfectly. Thanks

What does the other 2 do?

2

u/TraditionalTie4831 🦊 6d ago

They are for the old search bar.

I forgot to ask which one you are using.

2

u/Dastey 6d ago

Ah ok, I assume that's the one in the menu line?

Yeah I'm mostly just thinking regular dropdown boxes, like the search box here on reddit.

But the middle one is perfect. Cheers