Pattern & Media List Items: Improve metrics to account for chevrons

[richtabor]

While technically correct, we can make small adjustments to the menu item components within list items to make these appear more visually balanced.

Current

Notice the varying visual space to the left and right of the list item, visible on both resting and active states (red blocks are different sizes on each side:

Proposed

By changing the padding-right value to 4px, the resting and active states of the list items are visually balanced (red blocks are the same size on each side):

[jasmussen]

Sounds good to me. Might be good to sync up with the very similar componentry employed for the site view that @jameskoster and @SaxonF have explored (i.e. the hover state for navigator drilldowns).

[jameskoster]

The menu items Joen refers to have unequal horizontal padding to account for the chevron, so it seems reasonable to do the same thing here.

If we're concerned with consistency, we might also consider using the small chevron variant.

[richtabor]

If we're concerned with consistency, we might also consider using the small chevron variant.

Yea, I brought that up here as a candidate: #50754