Wallet backup screen should be responsive to browser size

[srirambv]

Description

Wallet screen should be responsive to browser size

Steps to Reproduce

1. Have a small browser window than regular
2. Click on backup code and verify it
3. All the code words are not shown as the wallet is not responsive to browser window

Actual result:

Expected result:

Should be responsive so that the UI is always visible irrespective of browser window size

Reproduces how often:

Easy

Brave version (brave://version info)

Brave	1.0.1 Chromium: 78.0.3904.108 (Official Build) (64-bit)
Revision	4b26898a39ee037623a72fcfb77279fce0e7d648-refs/branch-heads/3904@{#889}
OS	Linux
Crypto Wallet Component:	0.1.29

Version/Channel Information:

• Can you reproduce this issue with the current release? Yes
• Can you reproduce this issue with the beta channel? Yes
• Can you reproduce this issue with the dev channel? Yes
• Can you reproduce this issue with the nightly channel? Yes

Other Additional Information:

• Does the issue resolve itself when disabling Brave Shields? N/A
• Does the issue resolve itself when disabling Brave Rewards? N/A
• Is the issue reproducible on the latest version of Chrome? N/A

Miscellaneous Information:

[srirambv]

@bbondy @tomlowenthal can we prioritize this a little higher and have it fixed for the next release?

[kjozwiak]

Ran into this as well on my Win laptop making it almost impossible to complete the verification portion when creating a new wallet. You'll basically have to zoom out to get the entire screen visible.

Example of the default Zoom:

Example of the screen once you zoomed out:

[srirambv]

+1 from @SoaringMoon via #7825

[srirambv]

Verification passed on

Brave	1.5.73 Chromium: 80.0.3987.66 (Official Build) nightly (64-bit)
Revision	56ea77d65c47ecbb1180b99f860d85b51117864a-refs/branch-heads/3987@{#662}
OS	Linux
Component	0.1.37

• Verified wallet backup screen is responsive to browser window height and shows vertical scrollbars

---

Verification passed on

Brave	1.6.14 Chromium: 80.0.3987.87 (Official Build) nightly (64-bit)
Revision	449cb163497b70dbf98d389f54e38e85d4c59b43-refs/branch-heads/3987@{#801}
OS	Windows 10 OS Version 1803 (Build 17134.523)
Component	0.1.42

• Verified wallet backup screen is responsive to browser window height and shows vertical scrollbars

---

Verification passed on

Brave	1.6.14 Chromium: 80.0.3987.87 (Official Build) nightly (64-bit)
Revision	449cb163497b70dbf98d389f54e38e85d4c59b43-refs/branch-heads/3987@{#801}
OS	macOS Version 10.15.1 (Build 19B88)
Component	0.1.42

• Verified wallet backup screen is responsive to browser window height and shows vertical scrollbars