[🐛 Bug]: Scope of UI improvements throughout pages

[harshit078]

Describe the bug While using the webapp, there seems to be incorrect margins and paddings given to few components which can be improved are in some cases are very minor.

Screenshots

• "Upload a csv" alert tag doesn't have enough margins and looks quite crumbled up and same goes for other div tags and components on this page.

• 10 seems to be option with highlighted tag always. Doesn't matter if you 100 or any other option.

• Ring icon for Dismiss doesn' have right margin and is too close to the text as compared to other buttons.

• Incorect spacing and heading need to be a bigger than sub-heading for better readability.

• tooltip needs to aligned horizontally for better readability

• Mapping and Extracting page needs to have their heading and sub-heading outside of the card for consistent design

[harshit078]

Hey @talboren, what are your views on this ?

[Mefisto04]

hey @harshit078 can you assign this issue to me, i will make sure the UI will be constant and mobile/pc responsive.

[Matvey-Kuk]

Labeling this one as a Good First Issue. Some of the changes are not relevant anymore, but others are! Should be easy to fix.

If you want to work on this, join Slack and we will help: https://slack.keephq.dev/ !

[Matvey-Kuk]

@Kiryous I think we could close this one, right? :)

[talboren]

Closing this one as most of the stuff here are not relevant anymore.