Alignment issues with sidenav

[atkulp]

Summary Sidebar favorites can't handle wide text. Should switch to a flex layout instead to make this easier

Let us know what went wrong. The rest of this form is optional. The icon on the left gets smushed, the stars are out of alignment (and all that implies), and the text just cuts without an eliipsis. ⇒

Similarly, the links push the right icon away and cut without an ellipsis.

Reproduction

Steps to reproduce:

1. Add a long title for a nav title or favorite

Stackblitz reproduction (click the "Edit on Stackblitz" link on a component example and fork the template): https://stackblitz.com/edit/angular-jwknnv?file=src%2Fapp%2Fsidenav%2Fsidenav-example.component.ts

Additional context

This seems like an easy CSS fix within the package, not so easy in an app.

[health-catalyst]

:tada: This issue has been resolved in version 15.2.1 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: