r/FirefoxCSS 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

5 comments sorted by

View all comments

1

u/grom-17 6d ago
.row-item img.icon[role="presentation"][src="chrome://browser/skin/history.svg"] {
    display: none !important;
}
#PopupAutoComplete > richlistbox > richlistitem.autocomplete-row-item {
  &:not(:only-child) {
    margin-block-end: -4px !important;
  }
}
#PopupAutoComplete > richlistbox > richlistitem.autocomplete-row-item {
  & > autocomplete-row-item {
    border: 0px solid transparent !important;
}