[Docs] Horizontal scrolling and overlap on TOC

[thany]

The navigation in the documentation is currently showing a horizontal scrollbar and isn't full-height.

I'm not sure if it's supposed to be full-height, but I think the horizontal scrollbar should be an easy fix by just making it slightly wider ;)

Here's a screenshot to show what I mean:

(that's Firefox 45 on Windows 10)

And perhaps the beautiful red text "Contents" put on top of the red github-ribbon wasn't such a great idea, but then again, I think we all know what it says anyway :)

/edit
And now it's Firefox 46 :)
And that didn't fix it, as I kind of expected.

[LeaVerou]

Thanks! Could you type console.log(innerWidth, innerHeight) in the console and tell me what the values are when this happens?

[thany]

Sure, here you go:

1731 1006

It seems fine when fully maximized on my WUXGA monitor, but not when almost maximized. I didn't notice that before.

[praveenpuglia]

Looking at this issue and #188, I think it's safer to move the banner to the top right corner instead of keeping it on top left and worrying about it colliding with the sidebar for docs. That place seems safe to me. Only the Star button has to move slightly on the left.