Rewards page element alignment issue when browser window is resized

[srirambv]

Description

Rewards page element alignment issue when browser window is resized

Steps to Reproduce

1. Open rewards page and resize and see the magic else watch the video

Actual result:

https://youtu.be/TKu9cHLY-e0

Expected result:

Not what it looks like in the video

Reproduces how often:

Easy

Brave version (brave://version info)

Brave	0.60.26 Chromium: 72.0.3626.96 (Official Build) beta(64-bit)
Revision	84098ee7ef8622a9defc2ef043cd8930b617b10e-refs/branch-heads/3626@{#836}
OS	Linux

Reproducible on current release:

• Does it reproduce on brave-browser dev/beta builds?
  Yes

Website problems only:

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

Additional Information

cc: @ryanml @brave/design

[ryanml]

@jenn-rhim do you think we should do a minimum width (similar to rewards settings) for the welcome page on desktop?

[jenn-rhim]

Yes. Let's keep it 1024 so it'll work also on tablets.

[kjozwiak]

Reproduced this on macOS 10.14.2 x64 using the following build:

Brave	0.60.44 Chromium: 72.0.3626.109 (Official Build) (64-bit)
Revision	fae8db7ab9280fa6704a59980263c804f809ebd5-refs/branch-heads/3626@{#857}
OS	Mac OS X

Example of the issue occurring:

[NejcZdovc]

not reproduce anymore