Please make lovelace card editor window wider

[Dinth]

Describe the enhancement

Currently the editor window takes about 50% of the screen width. This may be good on smaller screens, but leaves a lot of unused space on bigger screens.
At the same time the actual editing area is very small, whats particularly painful when editing lovelace card code. On my screen, the actual editor window is only 46 characters wide. Editing any longer template in such narrow window is very, very inconvinient.

Use cases

Having an edit window at least 80 if not 120 characters wide would greatly speed up editing lovelace cards. The user could see whole templates without need of scrolling horizontally. It would also make finding the specific parts of code much easier and generally would greatly improve the experience when editing cards.

Visual examples

Currently it looks like this on 1440p screen:

Anything else?

No response

[oerix]

It's not obvious, but if you double-click the title header it should expand a lot more.

[alexruffell]

It took me a few years to discover this feature... it certainly needs to be made more obvious, as clicking on the title is not something one would just guess.

My screens are 27" 4K, so I have plenty of space that the HA UI doesn’t take advantage of. I’ll never stop hoping that the UI will become more “responsive” (UI should adapt better to different screen sizes or resolutions).

[ppiotrek90]

I discovered that myself by accident, so definitely would be nice to make it more obviously. However, I don’t really like this feature because the box is too wide for me. In the end, I use it less than I initially expected.

[CFenner]

Haha, I just came to this tickets to suggest to implement is the way it is on the entity view. Did not know it was already there!
There you enlarge it by clicking the whole title bar, not just the title itself. I suggest to align that to be the same!

[renarena]

It's not obvious, but if you double-click the title header it should expand a lot more.

dont know this either.
Please add a maximize icon to the title.

[daFreeMan]

It might be even better to make the editor dialog box resizeable and have the vertical break between the YAML and the card display be a resizeable handle allowing users to make the box as big as they'd like, then adjust for more text (left) or more card (right) as necessary.

[ppiotrek90]

It might be even better to make the editor dialog box resizeable and have the vertical break between the YAML and the card display be a resizeable handle allowing users to make the box as big as they'd like, then adjust for more text (left) or more card (right) as necessary.

I love this idea! Brilliant!