Game.styl: remove unnecessary 8px right margin on "center-col", so board can get larger

[pdg137]

I did this before I noticed @benjaminpjones's #2582. My main goal was to fix mobile, but still I think we can get rid of the 8px margin under all circumstances. The right-col already has its own left margin so I don't see why we should also have a right margin on center-col.

Before:

After:

Without the highlighting, so you can see it's not ridiculous:

A larger window size showing the closest the board ever gets to the stuff on the right:

[github-actions]

Uffizzi Preview deployment-46769 was deleted.

[anoek]

Does the "dancing screen" aka flickering resize issue happen at all as you slowly resize the window at any point?

I am not sure why the margin fixed that issue, but the margin was introduced to resolve that issue and it was reported that it fixed it at the time.

[pdg137]

Okay, I checked the following:

• ec0687c - the commit before added margin to center-col to resolve a dancing screen issue related … #2355 - has the bug, related to an unnecessary vertical scrollbar that appears
• d5ac8ce - the commit of added margin to center-col to resolve a dancing screen issue related … #2355 - does not have the bug or any unnecessary vertical scrollbars
• 2cd453b - this branch - does not have the bug or any unnecessary vertical scrollbars

I did a git bisect checking for versions where the 8px margin is required and found e970a2c which is clearly what fixed the problem for good, though it's kind of sad that we needed to do it like that.

More generally, I think removing things that change at particular sizes - like I'm doing in this PR - is going to help the layout be more stable and prevent problems like this from popping up mysteriously under certain conditions.

[anoek]

Very cool, thanks for doing that research, glad to be rid of the hack!

[benjaminpjones]

Awesome! Thanks for looking into that!