odd tip banner display when tweet has a lot of returns

[LaurenWags]

Description

If you go to tip a tweet with a lot of returns in it, the tip banner gets pretty big, but does eventually get a scroll bar. However, the tip amounts are at the bottom of the banner, so it looks a little odd.

Steps to Reproduce

1. Locate a tweet with a lot of returns in it.
2. Tip that tweet.

Actual result:

Tipping banner gets pretty large and looks odd - tip amounts are at the bottom of the banner so you have to scroll for them.

Expected result:

Maybe have the scroll limited to the area where the tweet is - if not, have the tip amounts always display, no matter where you are in scrolling to read the tweet.

Reproduces how often:

easy

Brave version (brave://version info)

Brave	0.67.55 Chromium: 75.0.3770.38 (Official Build) nightly(64-bit)
Revision	3860105745f2b12537da9e9f048f14c3f52ba970-refs/branch-heads/3770@{#618}
OS	Mac OS X

Version/Channel Information:

• Can you reproduce this issue with the current release? n/a
• Can you reproduce this issue with the beta channel? n/a
• Can you reproduce this issue with the dev channel? n/a
• 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:

[NejcZdovc]

I would personally limit tweet box so that after some point we would just cut it.

cc @jenn-rhim @alexwykoff

[Miyayes]

@LaurenWags Is this still relevant with the new tipping panel in current release ver? Above is for old tipping panel design. Thanks.

[LaurenWags]

@Miyayes seems better with new panel design, a little stretched but that feels normal. wdyt?

This tweet https://twitter.com/PuckPodcast/status/1418636977876860929 doesn't have as many returns, but you can see that the new panel design truncates whereas the old one did not.

Example	Example

Used

Brave | 1.32.81 Chromium: 95.0.4638.54 (Official Build) beta (x86_64)
-- | --
Revision | d31a821ec901f68d0d34ccdbaea45b4c86ce543e-refs/branch-heads/4638@{#871}
OS | macOS Version 11.6 (Build 20G165)

[Miyayes]

Thanks for testing! I think that looks fine, so will close this out :) If we notice anything super grotesque in the future, we can open another issue.