Even spacing on top-nav

[vallode]

---

Even spacing on top-nav

Pull Request Type
Please select what type of pull request this is:

• Bugfix

Description
Tiny adjustments to the top-nav

• Even spacing for all action buttons on left side
• Hover indicator for profile button
• Profile button is matched in width/height to the rest of the buttons for visual consistency

Screenshots (if appropriate)
The changes are pretty subtle, they don't really show well on screenshots.

Testing (for code that is not small enough to be easily understandable)
Simulated smaller screens and just had a general look around profile sections to see if anything is amiss!

Desktop (please complete the following information):

• OS: [e.g. iOS] 10
• OS Version: [e.g. 22] Debian
• FreeTube version: [e.g. 0.8] upstream/development

[PikachuEXE]

I am so outdated on how to use flex...

• https://developer.mozilla.org/en-US/docs/Web/CSS/gap
• https://coryrylan.com/blog/css-gap-space-with-flexbox
• https://css-tricks.com/almanac/properties/g/gap/

[vallode]

I am so outdated on how to use flex...

* https://developer.mozilla.org/en-US/docs/Web/CSS/gap

* https://coryrylan.com/blog/css-gap-space-with-flexbox

* https://css-tricks.com/almanac/properties/g/gap/

In general the CSS stack here is fairly outdated, I try to touch on it wherever I can but I also understand drastically changing it undermines the ability of everyone to maintain it. Let me know if I am overstepping with some of the changes I make!

[PikachuEXE]

Use new stuff is necessary
I just don't have the chance to use new stuff lol
(and flexbox is not really "new" anyway...)