[bug]: Line drawings are sometimes displayed out of their box

[HaasJona]

What seems to be the problem? 🤔

Depending on the screen resolution, the line drawing on the design chooser site sometimes escape their box:

This seems to happen mostly with very wide screens. I'm using 2560x1440.

Design / Plugin / Package 🧐

sites/org

Additional context

No response

[joostdecock]

Getting an embedded SVG to grow to fill the available space is a bit hit and miss in browsers, as SVGs do not have an explicit width or height (because that makes them responsive).

So the current implementation is a bit hackish in that is explicitly sets the width from which the height will auto-adapt.

This requires some CSS voodoo in sites/shared/components/design.mjs and while we're at it we should pick a better default image for those designs missing an example.