Liquidity Page/ Mobile Responsive

[MilanVojnovic95]

Description This issue is a list of things that need to be fixed in order for the site to be Mobile Responsive. @0xVenky @zamli Please review the screenshots to know if we need a design or some additional solution for certain

Definition of done

• [ ] Description is created (Task creator)
• [ ] Code is complete (Developer)
• [ ] Scope of test and what was done section is defined in task (Developer)
• [ ] Review passed (Code reviewer)
• [ ] Verified manually (QA)
• [ ] Test cases created/updated if necessary (QA)
• [ ] Change successfully merged
• [ ] Release notes added if needed

How to Reproduce Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior A clear and concise description of what you expected to happen.

Screenshots

1. When approving a new token, the modal window has no padding
2. There is also a problem with padding and the icon is missing
3. Adding Liquidity button is not responsive and also one element is not aligned
4. Notifications sometimes overlap
5. There is also a problem with padding and in some fields it is not possible to see all the entered symbols
6. Padding is also missing

Additional context I didn't write how to reproduce it because there are more cases and scenarios, but if someone needs instructions on how to get to certain modal windows or notifications, they can tag me and I'll explain.