-
Notifications
You must be signed in to change notification settings - Fork 3.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Fix icon overlapping #4574
Fix icon overlapping #4574
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
great !
Thank you for doing this, however the spacing between each icon should be equal. Currently the horizontal ellipse and the X icon does not have the same spacing as the rest. I would recommend using a flex box instead of just setting a margin. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We should be using something different then marginLeft to ensure that the spacing is equal between all icons.
Screenshot after these changes, Now it look way better please check changes @Cliftonz |
That look great, thanks for the contribution! |
What change does this PR introduce?
This PR fixes the icons overlapping in Integration Store Test Providers Sidebar .
The change was in the CSS part, Initially margin property was applied on button but it was not working properly so my change fixed that problem.
Why was this change needed?
This change was needed because Icons overlapping do not look good and impact user experience.
Closes #4533
Other information (Screenshots)
Sharing Screenshots after changes
Before :