Enhance the VCIO UI to make use of all available screen space

[DennisClark]

It is time to enhance the VCIO UI to be more flexible and make use of all available screen space. (This should be done in all AboutCode.org projects.)

[DennisClark]

Think about both the height and width available on the screen, and consider pagination as well.

[johnmhoran]

A related consideration is responsive design, including an issue that came up yesterday while I was working on issue 1228 -- we appear to have nearly 3000 instances of px (I'm the culprit) that will need to be converted to rem (in custom.css and mostly as width settings in a number of Jinja2 templates).

(I'm hoping there is some way we can automate the conversion process -- which might consist of dividing each px by 16 if 16px is our default font size and rounding in some manner, and of course agreeing to the number of decimal places for each resulting rem. ;-)

[johnmhoran]

Note that the bulma-0.9.4.min.css used in SCIO has 564 instances of px and 514 of rem. The bulma.css we use in VCIO has a similar number of instances.

[DennisClark]

this becomes more important when we have more data to display in the UI.