WTH, why is HA on the device Page only using 50% of the available space?

This bothers me for years. If I have longer entity names, they can’t be read, without clicking on it. I have 4k Screens and enough space for it.

It’s really annoying when you want to change a parameter quickly, but you have to drag the entire control system into Ui first.

Example ESP Cam

Try the new sections view type.

It’s like everything is designed only for mobile use in mind these days…

I hate that, show some love for wide-screen users. Upvoted.

3 Likes

Currently can be changed locally with an external js.

Also here:
one
two
three

1 Like

I think he means system wide, in his example it shows a device view where new sections are not applied

1 Like

Which is why I told them to try sections.

But how sections can be applied to this page? It is not user-controlled.

2 Likes

Lol. That’s what I get for not expanding the image. Ignore me.

3 Likes

This actually isn’t a terrible idea. Does anyone know if/why “Sections” are not used internally to render the “Device Info” page?

1 Like

I hate this annoyance too and a full fix would be great, but my quick workaround for this is to snap the browser to half of the screen (windows key + left or right arrow) instead of having it full screen. Then it lines up all of the ‘cards’ vertically almost like how the new Sections implementation works for the dashboard. Then I’m able to see the whole name of the entities. See attached.

4 Likes

ok, this is a neat workaround. Thanks for the tip.

But in general, it would be highly appreciated if the device page would use more available space. This would not break anything on mobile.

1 Like

would love to use sections view on the devices page (/config/integrations/). :slight_smile:

There’s a WTH for that: WTH -- Why isn't the whole UI built with Dashboard Cards?

not quite the same, but the same direction. :slight_smile:
But yes, this could be counted together.

This seems like a relatively simple fix, but I do no know other impacts. Realistically, I think column 1 should probably stay a bit smaller than the other two which are more likely to have larger/longer names/fields.

changing .container > max-width: 1000px; to .container > max-width: 85%; makes the larger entity names readable