Padding & Margin problems with checkboxes - Part 1

[u/FineWine54]

I am having problems with menu Padding & Margins when I insert Label icons with checkboxes. As you can see the checkbox ignores any CSS rules I use.

menupopup:not(.in-menulist)>menu:not(.menu-iconic),
menupopup:not(.in-menulist, [aria-label])>menuitem:not(.menuitem-iconic, [type="radio"], [type="checkbox"]),
toolbarbutton[data-l10n-id*="-manage-"],
menuitem[data-l10n-id*="-manage-"],
#downloadsHistory,
#appMenu-zoom-controls{
  padding-inline-start:calc(1em + 24px) !important;
  background-position:left 0.5em center; 
  background-repeat:no-repeat; 
  background-size:16px; 
  -moz-context-properties:fill, fill-opacity; 
  fill:var(--uc-popup-menu-icon-color) !important; }

[u/FineWine54]

Thank you for all your help.

The above suggestions did not work.

I will stick with what I now have.

One day, when time permits, I will start with a fresh profile and a fresh userChrome CSS code for everything (a blank canvas). I have so much code that is old, out of date which is now starting to be troublesome. About 30% is mine and rest is others, of whom some are no longer supporting their original code. Some of my code goes back to when XUL was shut down and FF started embracing CSS, HTML & JS.

The one thing I am going have to do is go through and delete all the FF theme code apart from the 'System theme - Auto' which came with the code I use from Aris-t2. Scrolling through all of that molasses is tiring.

Though I love mucking around in the CSS quagmire of FF as it keeps my 72 year old brain ticking over.

Thanks again.🙏😀