UI spacing issues for auth box window content on mobile and desktop

[olegarg1]

If you are a Box employee, you do not need to create an issue to open a pull request

Please fill out the following template so we can reproduce and fix your issue as quickly as possible!

Note: if your issue includes a potential security vulnerability, please do not file it here. Instead, email the issue to [email protected] for support.

Note: if your issue involves previewing files, please report the issue here.

Environment:

• Elements version:

Desktop (please complete the following information):

• OS: [e.g. Windows 10] All systems
• Browser [e.g. chrome, safari] All browsers
• Version [e.g. 22] All versions

Smartphone (please complete the following information):

• Device: [e.g. iPhone6] All devices, versions and systems
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Steps to reproduce the problem:

Auth box (browser window or popup)

What is the expected behavior? (Screenshots can be helpful here)
In Auth popup window/box on desktop and mobile, the Terms text needs to have padding on sides (some spacing).

What went wrong? (Screenshots, console logs, or HAR files can be helpful here)

In Auth popup window/box on desktop and mobile, the Terms text got no padding on sides and gets closed to the edges creating bad user experience.

Link to application or sample code:

If relevant, link to file (or attach file here)

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

In Auth popup window/box on desktop and mobile, the Terms text needs to have padding on sides (some spacing).

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.