Navbar : Navbar items misalignment.

[EncHawk]

Problem:
The items in the navbar are misaligned and seem to be out of sync with an aesthetic addition (vertical line) beside the theme button.

Proposed Solution:
It can be solved by aligning items based on the center rather than the top.

Also, the Kubeflow icon is stuck to the top of the viewport. This can be fixed by either using a flex on the parent container and centering it or adding appropriate media queries and padding.

navbar issue:

Kubeflow Icon:

Labels /area wesbite

Impacted by this bug? Give it a 👍.

[EncHawk]

@varodrig @andreyvelich @juliusvonkohout could i work on this isssue? I would love to start contributing.

[EncHawk]

I have come up with a solution, made the icon not stick to the top, the items in the navbar are now aligned.

[EncHawk]

Please let me know if I can raise a PR, to do so, do I create a branch?

[juliusvonkohout]

Cc @thesuperzapper