fix: align content vertically

[Shabbyconnor]

Okay, I've aligned the content vertically by making the navbar position absolute instead of relative. This does mean that I had to override Bootstrap with an id.

Closes #67

The content doesn't need to be horizontally aligned. In your previous image, you were comparing the center of the content with the center of the navbar buttons. The actual center of the navbar includes the little drop-down arrow.

So while It may look off center, in the code it's doing what it should.

I can try to shift the navbar over if you want it more aesthetically pleasing. 😃

[devkennyy]

I am curious to see what it would look like with content on the left side.

[devkennyy]

Oops, ignore that 😅

[Shabbyconnor]

Okay, we've got two options: I can shift the whole navbar content over so it looks right, or I can delete the caret entirely.
This is what it looks like shifted:

And this is it deleted:

Which do you like better? (I personally don't think we need the caret)

[devkennyy]

I also think we should remove the caret but what are your views on this?

[Shabbyconnor]

Hmm. The only way that would look good is if we had a pancake menu button to collapse the navbar horizontally.
Though I prefer keeping it in the center. I would suggest we at least change the navbar background color to match the rest of the page. It's just a bit too out of place.

[devkennyy]

Alright, that's fine. Feel free to change the colour to whatever you see fit.