fix: Alignment issues with 'unsaved changes' badge in Feature modal#6949
fix: Alignment issues with 'unsaved changes' badge in Feature modal#6949alveyworld wants to merge 1 commit intoFlagsmith:mainfrom
Conversation
|
Code review is billed via overage credits. To resume reviews, an organization admin can raise the monthly limit in Settings → Usage. Once credits are available, reopen this pull request to trigger a review. |
|
@alveyworld is attempting to deploy a commit to the Flagsmith Team on Vercel. A member of the Team first needs to authorize it. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
Hey @alveyworld , thanks for picking this up! 🙏 Could you add before/after screenshots to the PR description? It'll help us validate the fix visually and speed up the review. Thanks again for the contribution! |
|
I added the screen shots. I hope this is what you were wanting |
|
Thanks for this @alveyworld! I think actually you might have spotted a regression whereby the real fix is to add a flex-wrap no wrap. Happy to merge this if we get that done!
|

Thanks for submitting a PR! Please check the boxes below:
docs/if required so people know about the feature.Changes
Closes issue #6935
In the .unread selector, simply changing the bottom attribute to a positive 9px brought the * badge up to vertical center without moving the position or size of the tab.
How did you test this code?
Steps to reproduce
I followed these steps to recreate and visually fixed the css issue. I resized the window to extreme small and large sized and the badge remained in place. At smaller sizes it naturally jumps up to the right of the tab.
Before


After