Brave-browser: Twitter tips button needs proper spacing

[rebron]

Description

Twitter Tips button is too close to the share button and needs proper spacing/padding.

Actual result:

Expected result:

See: https://github.com/brave/brave-browser/issues/4548

Reproduces how often:

This reproduces easily in 0.69.135.

1. Login to Twitter
2. Ensure Brave Rewards is on.
3. Notice Twitter Tips button placement.

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

[alexandriaroberts]

Hey @rebron I can do it!! 👍

[kjozwiak]

Looks like this is also reproducible using 0.67.123 CR: 76.0.3809.87 which means Twitter must have changed something in their end which is causing the problem. Seems to be happening when you're logged into Twitter.

Example while being logged in:

Example while being logged out:

[brimwats]

It would be excellent if the twitter tip button could be turned on and off. I'm happy to try out BAT, but I cannot stand the button so I had to opt out of BAT.

[srirambv]

Possible dupe of #4562

[bsclifton]

@brimwats you actually can turn it off on a per-publisher basis:

1. Navigate to brave://rewards/
2. Click the Tip Settings button
   
3. Uncheck the types that you don't want to see (or uncheck them all!)
   

[bsclifton]

@alexandriaroberts you're definitely welcome to grab this! 😄 I've been putting together a contributor guide (not merged yet) which has some tips for getting started:
https://github.com/brave/brave-browser/pull/6265
(comments extremely welcomed!)

Once you get setup and have things building, editing the rewards parts shouldn't be too hard
cc: @ryanml

[alexandriaroberts]

Hey @bsclifton , Yes, I would love too!! Thank you! I will set my laptop up and will start working on it. Thank you.😀 If I have any questions I will message here! 😊

[GeetaSarvadnya]

Verification passed on

Brave | 0.71.108 Chromium: 78.0.3904.87 (Official Build) beta (64-bit)
-- | --
Revision | 20c21f4010010f32462ea8e1d6af30cef66d48c8-refs/branch-heads/3904@{#840}
OS | Windows 10 OS Version 1803 (Build 17134.1006)

• Verified the STR from the description
  
  

Verification passed on

Brave | 0.71.111 Chromium: 78.0.3904.87 (Official Build) (64-bit)
-- | --
Revision | 20c21f4010010f32462ea8e1d6af30cef66d48c8-refs/branch-heads/3904@{#840}
OS | Ubuntu 18.04 LTS

• Verified the STR from the description
  
  

Verified passed with

Brave | 0.71.111 Chromium: 78.0.3904.87 (Official Build) (64-bit)
-- | --
Revision | 20c21f4010010f32462ea8e1d6af30cef66d48c8-refs/branch-heads/3904@{#840}
OS | macOS Version 10.13.6 (Build 17G5019)

• Verified STR from description

• Verified tip button appears spaced correctly for tweets in my feed:
  

• Verified tip button appears spaced correctly for my own tweets (when logged in):