As described by #655, if the settings content was beyond 100% of the viewport height, the main element doesn't actually follow along and stretch to hold the full content.
This PR makes the settings background colour fill the screen regardless of the content length.
Flex-grow is used to make the main element always stretch to at least the size of the viewport. If the content is longer than the viewport size, it will keep stretching to fit all of the content. This means the background colour will always be visible.
As described by #655, if the settings content was beyond 100% of the viewport height, the main element doesn't actually follow along and stretch to hold the full content.
This PR makes the settings background colour fill the screen regardless of the content length.
Flex-grow is used to make the main element always stretch to at least the size of the viewport. If the content is longer than the viewport size, it will keep stretching to fit all of the content. This means the background colour will always be visible.