Prettier svg code

[patrislav1]

This PR attempts to produce less verbose / more concise SVG code. The rendered graphics should stay the same.

BTW, I tried to make the background rects inherit height and y attributes from a parent <g> element, to reduce repetition, but apparently <g> can only impose a style to child elements, not coordinates or dimensions.

[wader]

Nice with classes like this if one wants to do custom styling 👍

[wader]

Looks great! tried it out with chrome on macOS and can't see any issues.

But i did notice a thing unrelated to this change (happens without this change also) that powerline.svg is rendered with wrong character dimensions until the windows is reiszed etc then it snaps to correct size... feels like browser bug?

[wader]

BTW, I tried to make the background rects inherit height and y attributes from a parent element, to reduce repetition, but apparently can only impose a style to child elements, not coordinates or dimensions.

Good to know!

[wader]

First

After resize

Weird and not sure i noticed it before. Anyway, not related to this PR

[patrislav1]

First

After resize

Weird and not sure i noticed it before. Anyway, not related to this PR

I also see it in both Chrome and Firefox; can't imagine this a browser bug in completely different browser engines 🤔

[wader]

I also see it in both Chrome and Firefox; can't imagine this a browser bug in completely different browser engines 🤔

Huh yes that seems unlikely