SLD Renderer shows a resized smaller image in compact mode

[ocruze]

Bug

Describe the bug
The size of the symbols rendered by the SLDRenderer and Renderer is different in the geostyler editor in the compact mode. This is probably due to the fact that Renderer is showing a openlayers map and the SLDRenderer is showing an img in a div which is being resized to the size of the div.

To Reproduce
Steps to reproduce the behavior:

1. Checkout and go to the geostyler-demo home page
2. Make sure you are in the compact mode
3. Add a mark symbol, a circle for example (choose a size and colour)
4. Switch between the openlayers and SLD renderer to see the difference
5. Finally, switch to the expanded mode, the SLDRenderer is showing the correct size of the img

Expected behavior
The size of the symbols rendered by the both SLDRenderer and Renderer should be of same size.

Screenshots
Compact Mode, SLDRenderer:

Compact Mode, Renderer:

Expanded Mode, SLDRenderer:

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Firefox

Possible solution
Instead of an img in a div, we could try to set the image as the background-image of the div. This would also give us the possibility of cropping the img if it's too large, which is the case of Renderer.

[github-actions]

This issue is stale because it has been open for 180 days with no activity.