Charts are tiny when 2x2

[IanSavchenko]

Just received an update with 2 charts in a row and now they are tiny on my laptop screen :( It was pretty hard to use mouse-over even before, but now it's even harder...
Can I suggest reverting the change or adding some kind of minimal width with wrapping?

[jeroenheijmans]

@IanSavchenko Yeah, I also noticed on some of my leaderboards that my changes didn't go over so well. Especially when there's many members on the leaderboard.

I'll see if I can revert or update this change slightly. To make sure I'd cover your case as well, could you share the number of members on your board, or perhaps even a (blurred if you want to anonimize it) screenshot?

[IanSavchenko]

I have 13 inch MacBook Pro + latest Chrome.

So this is how it looks with almost 50 people when I'm full screen and with 80% scaling (I usually split screen in two when solving tasks, so in this way can see all the text in AoC website).

Same state in dev tools

Just noticed that when I reset scaling to 100% and reload the page, it goes back to normal state, as it was before all the updates. So there is already scaling logic, it's just not dynamic! I think it's probably fine, but maybe slightly bigger min_width would be good.

[mebeim]

Agreed, got a 22 inch 16:9 monitor (latest extension version and latest Chrome) on my home PC, and charts look pretty bad :\ They were way better when displayed one under another.

Here's a screenshot from my PC:

[jeroenheijmans]

@IanSavchenko @mebeim Oh my you have a lot of friends! 😅

I'll push a fix in a second, and will release a patch to the extension stores in the coming hours, so all should be well again come Day 10 of advent!

PS. I have less friends and a QHD screen, so I made a button to opt in on the 2x2 visualization (defaults to off, persists in localStorage):

[jeroenheijmans]

Ah yes by the way, the "responsiveness" isn't dynamic yet because I need to fix #17 first (right now the "responsiveness" is done once when loading the page - not so nice, I know 😄)

[mebeim]

Cool button addition, good job 👍 😄