Make spacer display responsive in the menu

[lillastormen]

I noticed that there is a spacer in the menu, which creates scroll bar when it's not needed for certain window heights. The spacer is likely there to prevent navigation buttons to cover the content of the menu on smaller screens. I'd want to suggest hiding the spacer for the menu for screens wider than 1k pixels.

[jeremyckahn]

Hi @lillastormen, I think I know what you're talking about, but would you mind posting some screenshots to make sure we're talking about the same thing?

[lillastormen]

Hi @jeremyckahn,

here's the spacer in question:

As you can see it creates a scroll bar when it's not needed. My idea was that maybe hiding it, when it's not needed, could create a bit cleaner interface :)

And here's the screenshot, where the spacer is removed:

[jeremyckahn]

Got it! Thanks for clarifying, @lillastormen. As you deduced, that spacer is there to make sure that the navigation buttons at the bottom don't obscure any content on mobile devices:

I agree that it would be worth hiding the spacer on larger screens where it's not necessary. Good thinking @lillastormen! Feel free to open a PR. 🙂