[bug]: JSONConfig hat seid Admin v7.1.0 Darstellungsfehler

[Grizzelbee]

No existing issues.

• [X] There is no existing issue for my problem.

Describe the bug

Eingefügte Bilder werden nicht mehr richtig skaliert und es wird nach jedem Header ein NewLine ausgeführt - unabhängig von der Konfiguration.

To Reproduce

Öffne Konfigurationsdialog meiner Adapter z.B. dysonAirPurifier, MieleCloudService, Robonect mit Admin >= 7.1.0

Expected behavior

Darstellung der Konfig wie bis incl. Admin v7.0.25

Screenshots & Logfiles

Soll-Zustand (Also Istzustand mit Admin <= 7.0.25):

Ist-Zustand mit Admin >= 7.1.0

Adapter version

unabhängig von der Version

js-controller version

6.0.11

Node version

20..17.0, 22.9.0

Operating system

Linux, Windows

Additional context

No response

[mcm1957]

Are you srue that this is not only caused by width attributes (sm, lg, ..) and screen resolution.

Anyway I do not think that placing 2 Headers side by side and contrcuting some sort of tables this way is a good idea as there always will be small screens which will (and should) insert a line break in between. But this must be eventually discussed.

[GermanBluefox]

I reverted the behavior on big screens back and applied it only on screens < 600. But your layout is wrong. You may not rely that fields will be rendered on the same line. Please use tabs or panels for that

BTW: What do you want to achieve with sm: 24? https://github.com/Grizzelbee/ioBroker.dysonairpurifier/blob/master/admin/jsonConfig.json#L36

Only 1-12 values are allowed.

[Grizzelbee]

@GermanBluefox , @mcm1957

Okay - you're right I'm going to fix my jsonConfigs.

BUT ... What about the images (Donate-Button in my case)? They get also suddenly streched since 7.1.0 and there is no (documented) possibility to keep the original size - which makes them looking really ugly.

[GermanBluefox]

BUT ... What about the images (Donate-Button in my case)? They get also suddenly streched since 7.1.0 and there is no (documented) possibility to keep the original size - which makes them looking really ugly.

First: you didn't define any width of the button, so the width is 12 (full width) Second: you can define

"style": {
    "maxWidth": 150
}

Style is available for every type of control