Improve the UI for the game client

[lightvector]

Resizing the height and width of the game client window, it's easy to find configurations where the board control buttons are offscreen because the board is too big. This should be fixed.

Also, the performance on firefox seems to be quite bad, to the point of being close to unusable on old machines. This might have something to do with the page re-rendering every time the game clock ticks. See if there's also a way to improve this.

Some discussion about it here in the chat archives on Jan 24: http://arimaa.com/arimaa/chat/arch.php

[mattj256]

There's no way to view a gameboard without starting a game, and no one I can play with right now. :(

We use Bootstrap at work for some of our CSS. Bootstrap is a library that handles a lot of the cross-browser stuff so you can write things once and it will (mostly) work on (most) modern browsers. I did a quick Google search and between 2% and 15% of all websites on the internet use Bootstrap.

Some stats about who uses Bootstrap:
http://w3techs.com/technologies/details/js-bootstrap/all/all

Here's the Bootstrap stuff for getting columns to resize when the window resizes:
http://getbootstrap.com/css/#grid

The technical term for "getting content to resize the way you want it to when the window resizes" is "responsive design."