Settings / device configuration width is limited to 1000px

[skyflyer]

Describe the enhancement

The discussion (https://community.home-assistant.io/t/allow-columns-in-device-info-settings-to-be-resized-or-scale-to-screen-width/703249/14) contains examples and suggested fixes. The crux of the matter is that device info under configuration is limited to 1000px, which severely limits the readability of some controls. The attached screenshot (for solarman integration) shows whit where an inverter has many fields to configure and some of them are unreadable or truncated.

Removing the max-width limitation would allow for the columns to be sized appropriately.

I guess that simply removing the max-width: 1000px would not solve this generally - I believe that columns should be stacked under a certain viewport to make each column at least 500px wide.

So, if available size is 1000px, only show 2 columns and "stack" the third one below. If available width is 1500px, show all three, etc.

Use cases

When configuring devices/integrations that are not trivial.

Visual examples

Improved without limitation:

Anything else?

No response

[privatecoder]

can't see any reason for limiting this or at least giving config more space. the current config column is just too narrow in most of the cases and barely fits any device's config options without cutting almost all of its options.

[adynis]

I also highly want wider "areas" in the device configuration pages

[man55]

Plus me too. And I think many, many more. It looks simply awful on any more or less decent PC monitor.
Unable to read sensor names.

[Liquidmasl]

Yes please, especially with a wide screen this is quite rediculous haha

just increasing the max width would already help a lot.
1000 is also a weird number to choose.

(this is 1800 instead)

I would want a general redisign of this page in the future, since the columns are often very unbalanced.
I would be happy about more then 3 columns.

Stuff like device info and Activities could be in its own container at the top, rest could somehow float to fill the space.

unbalanced columns:

[laptopology]

The device page desperately needs redesign. This 'fixed' width trend got to go asap.

A lot of beautiful work has been done to other dashboards but this particular page is indeed a little dashboard for us. I hate it when it's hiding exactly the info you want to see and make you sad just looking at it.

Count me in!

[matthiasdebaat]

The device page is one of the pages in HA that has grown by adding cards and features over time. It deserves a propper design I would say.

My assumption is that the 1000px max width comes from an older layout style. It is still being used on the People settings page and the Home Assistant Cloud settings page. Page max width is inconsistent in Home Assistant. Some pages are 500px, others 1080px, and there is everything in between. We are working on a general fix to standardize this to two widths.

I would suggest this change: instead of three columns, move to two columns. The left column would be the main, larger column, and the right column would contain the secondary information in a smaller column.

This gives us some time to make an improved design.