Touch up SGB packet documentation

[ISSOtm]

Turn the diagram into a SVG, and reformat/improve the doc.

[avivace]

It seems like the base text size is a bit too big compared to the rest, it should be 120-140% of the base.

[ISSOtm]

Being that this is a SVG which automatically scales to the device width, there isn't really control over that. Compare Firefox's "Responsive" view simulating a phone screen:

Is it a big deal?

[avivace]

I think shouldn't, check for example how https://gbdev.io/pandocs/Rendering.html#ppu-modes behaves, there is a limit on how "big it can become" while being free to get as small as possible preserving the layout when seen from smaller viewports..

[ISSOtm]

The same width limit applies to this diagram; though, perhaps what you're saying is that the proportions of the text versus the rest of the diagram are wrong? That I could fix.

Note that the PPU mode diagram becomes tiny on mobile screens, though; not that I believe anything can be done about that?

[avivace]

The same width limit applies to this diagram; though, perhaps what you're saying is that the proportions of the text versus the rest of the diagram are wrong? That I could fix.

Yep, I would say that should fix it

[ISSOtm]

Then you can try playing with the proportions by adjusting font-size in the SVG's embedded CSS. I find the current design fine, so I'll leave that tweaking up to you; I'd just like a chance to review that before merging?

[avivace]

Alright, merging this in the current state as I don't have bandwidth for the suggested style changes, I'll come back at them later