fix: make it possible to have more backgroud layers

[huggla]

Makes the background layer buttons wrap. #1981

[Grammostola]

Hi, nicely done. In the case of a legend control with the following prop:

        "contentStyle": {
          "width": "350px"
        }

then the show active layers and minimize legend buttons should probably be situated in the bottom right, like where they are without a multirow of background map buttons?

[huggla]

Thanks for your feedback. I have fixed so it adapts to the legend width given.

Hi, nicely done. In the case of a legend control with the following prop:

        "contentStyle": {
          "width": "350px"
        }

then the show active layers and minimize legend buttons should probably be situated in the bottom right, like where they are without a multirow of background map buttons?

[huggla]

I've changed the look. Better?

[Grammostola]

It works for me.

[johnnyblasta]

LGTM

[huggla]

When I merged the original PR the hide and close buttons were perfectly aligned with the background layer buttons. But when I checked on a different computer a day later the alignment was off and I submitted a fix. Now, a few days later, the alignment is once again off by a few px. I have disabled cache in my browsers. Any ideas what causes this? Is it better to set margins in em/rem instead of px?