Add some `padding-inline-end` to `menuitem:not([acceltext])`

[CT-ABT]

I would suggest to add something like the following

menuitem:not([acceltext]) {
	padding-inline-end: 16px !important;
}

to make the right side of some menus as follows look better on version 139 and above:

Otherwise the right-ends of these menu’s text would be way too close to the right border. The exact value of padding-inline-end to add in the above sample, however, was just a quick example of mine to show the effect, not necessarily the best practice.

[CT-ABT]

And maybe

:is(menu, menuitem) > image.menu-icon {
	margin-right: 6px !important;
}

please, currently the space between the icons and the texts are too small and therefore the left sides of the texts of the items with and without icons are not aligned. Please see the attached image as a demo for added margin-right to :is(menu, menuitem) > image.menu-icons.

[CT-ABT]

And and, maybe change line 98 of generalui/popup_compact_menus.css to margin-inline-end: 4px !important; to match the newly added line 90 (padding-inline-end: 4px !important;), so to align the right ends of > with those shortcut key prompts?

[Aris-t2]

Hi,

I get the third suggestion about popup_compact_menus.css, but are the others for popup_menus_space_before_label.css or are these general ideas and suggestions?

[CT-ABT]

My bad, I forgot to mention where to put them, and yet in fact, I am a completely outsider of coding (even at CSS level), and therefore I put all these in my my_userChrome.css, so… I think they are all general ideas and are not serious suggestions, you are the expert in this afterall.