Adjust new tab button position fixes #3208

[Sh1d0w]

• Submitted a ticket for my issue if one did not already exist. New tab button too high #3208
• Used Github auto-closing keywords in the commit message.
• Ran git rebase -i to squash commits if needed.

Before:

After:

cc @bbondy @bridiver @diracdeltas

[bbondy]

This currently breaks the alignment on macOS (probably windows too)

New code in this PR:

Old code:

I guess this is a font issue of some sort. Can you think of a way to solve it across both OS?

[Sh1d0w]

@bbondy Yes you are right, it seems like a font issue. It can be easilly solved by putting an icon instead of text there.

@bradleyrichter Can you provide some icon that you think should fit, or should I just make one looking exactly like the current one?

[bradleyrichter]

@Sh1d0w

This should work:
ic_add_24px.svg.zip

[bradleyrichter]

[Sh1d0w]

@bradleyrichter Thanks. Implemented and looks good.

@bbondy Can you please test it on macOS? Should be ok now I think.

[bbondy]

Works but this changes the look as well. @bradleyrichter did you want the new look or old?

Old:

New:

[bradleyrichter]

We can scale it up a bit and set the opacity down to 0.7.

[Sh1d0w]

@bradleyrichter Added opacity: 0.7 but couldn't find much difference

Let me know if this is ok for you or should I change it to lower value. I think 0.5 is looking more like the old version.

[Sh1d0w]

@bradleyrichter This is the look with 0.5 opacity

Edit: also rescaled the icon

[bbondy]

++