Navbar redesign

My only issue with the first two is they appear to only be a single level, so no drop-downs like we currently have. I guess we could maybe redesign “main” pages for each of the modules, so this would work, but that might lead to more clicks?

Oh no, I meant just to show how they handle the flex to display stuff and keep them aligned regardless of the screen size,

For example, the first one has the brand on the left, the menu on the right, when the screen size gets low, the menu is displayed in the middle vertically.

The second similarly has branding on left, menu on right, if shrinked horizontally, then it turns into an icon with which you can get the menu to pop up.

These two are amazing, because they are lightning fast, and don't use any scripts, just css.

And then there is the MS version, obviously here with js you can do much more,

So I just really meant these as some guides or help to create our own.

Since we want the navbar to be visible everywhere on the page, we need it to be sticky.

So in overall what I had in mind:

- a flex navbar to be readable and usable with any screensize
- make it sticky so it's visible and accessable when you scroll down