layout tweaks

[0x70b1a5]

• rotate chat/notation buttons so the text is clearer
• dynamically size chat window to comfortable percentage of view

[chaitu236]

Thanks for the pull request. But the layout is all messed up. Also, the problem with making text horizontal is that it will take up a lot of space on mobile devices. And the problem with chat width as a % of viewport width is that on mobiles, it'll be too narrow.

[0x70b1a5]

What percentage of traffic to the site is mobile?

[0x70b1a5]

Also, it should be possible to show one width for desktop, and another for mobile.

[chaitu236]

Almost 50% people first visit the site on mobile then quickly switch to desktop (I presume because of the issue https://github.com/chaitu236/TakWeb/issues/13 which prevents chatting on mobiles and also because it is easier to play on a desktop).

It is possible to make width device specific, but a better way would be to enable the user to resize the chat window by dragging the edge.

[TreffnonX]

Not to blunge in, but on my mobile the placement and selection of pieces usually doesn't work. That might also be a reason they switch.

[chaitu236]

I've seen the issue when changing the window size (either by changing orientation or when trying to chat- in which case the window height is increased to fit virtual keyboard) https://github.com/chaitu236/TakWeb/issues/2. Do you see the issue even without changing window size?

[TreffnonX]

I was never able to figure out what caused it. It sometimes works for a bit. Else I would have reported this.

[chaitu236]

Ok