Navigation bar no longer centered

[jkup]

• Submitted a ticket for my issue if one did not already exist.
• Used Github auto-closing keywords in the commit message.
• Added/updated tests for this change (for new code or code which already has tests).
• Ran git rebase -i to squash commits (if needed).

Auditors: @bsclifton @bradleyrichter

Fix #5476

Test Plan:

1. Open Brave
2. Make sure urlbar and it's buttons are almost centered to the browser window.

Note* I realize there is a 5px difference or so because the left section is a bit smaller than the right but it should be good enough for now :)

[bsclifton]

LGTM 😄 Did you want to check this out before merge, @bradleyrichter?

On my Thunderbolt monitor, I maxed out the window and here's the pixel count:

• 864 pixels to the from left of the favicon star to the edge of screen
• 848 on from right of URL bar to the edge of the screen

dead on (within a few pixels) if I measure:

• from left of URL bar (not counting favicon) to right of <> buttons
• from right of URL bar to the end icons

Here's a screencap:

[bsclifton]

updated my previous comment 😄 NOTE: I rebased your commit, added the closing keywords to the commit (ex: just the "Fix #5476"), and checked the boxes at the top of the PR 😄

[bsclifton]

Merging 😄 Thanks!

[bradleyrichter]

just make sure we hang onto the right-end zone padding which becomes a grab area when the width is minimal.

[jkup]

Yep that's still there. Just in a media query now