Align Primary Nav, Nav Bar Action items vertically

[eschweitzer78]

Describe the feature

Align nav bar action items vertically in a primary nav.

Check current state ->
Public Storybook for Primary Nav

Motivation

Aligned items are more aesthetically pleasing IMHO.

Proposal

Thanks for all the great work you do!

Nav Bar action items that are of toggle type are not perfectly aligned with those of link type (off by 1px both on Chrome and Safari):

Adjusting the display of .rpl-primary-nav__nav-bar-action>div to flex seems to solve it (and places the chevron on the right hand side of the two-line action):

Perhaps this is an adjustment you could consider?

Misaligned chevron down icons are not eye-pleasing either - I'd prefer everything aligned on a baseline, but that would be a more substantial change...

Benefits

Alignment is aesthetically pleasing.

Drawbacks

Introduces a change in appearance.

Adoption strategy

No adoption strategy required.

Additional information

• Would you be willing to help implement this feature?
• Could this feature be created outside of Ripple-framework as a layer?

Final checks

• I have read the contribution guide for information on submitting a feature request.
• I have checked the discussions and issues for duplicate feature requests.