Bug: Mobile view - when signed in, 'my votes' background wraps unexpectedly

[Themesses]

Describe the bug

When signed in, 'my votes' is added to the nav below the hero. When clicked, the text-wrap of the menu item is causing the background color to wrap unexpectedly as well.

Steps to reproduce

1. Main page on mobile ( width < 466px)
2. Sign in with Github
3. Menu below hero
4. Click on 'my votes'

Affected services

hot.opensauced.pizza

Platforms

Mobile

Browsers

Chrome

Environment

Production

Additional context

No response

Code of Conduct

• [X] I agree to follow this project's Code of Conduct

Contributing Docs

• [X] I agree to follow this project's Contribution Docs

[takanome-dev]

Nice catch @Themesses 👏 Can assign you if you want to take it 🍕

[Themesses]

.take

[Themesses]

thanks @TAKANOME-DEV ☺️

[0-vortex]

My suggestion would be to wrap the links on 2 rows, but doing so might require some flex classes changed, what do you think?

The menu could definitely use some love, feel free to open improvement idea issues if you have thoughts! 🍕 ❤️

[Themesses]

There is definitely a point where it should wrap. I'll play around and follow up.

[github-actions[bot]]

:tada: This issue has been resolved in version 2.31.0-beta.4 :tada:

The release is available on:

• GitHub release
• ghcr.io container (@beta dist-tag)

Your semantic-release bot :package::rocket:

[github-actions[bot]]

:tada: This issue has been resolved in version 2.31.0-beta.11 :tada:

The release is available on:

• GitHub release
• ghcr.io container (@beta dist-tag)

Your semantic-release bot :package::rocket:

[github-actions[bot]]

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

The release is available on:

• GitHub release
• ghcr.io container (@latest dist-tag)

Your semantic-release bot :package::rocket: