Spacing issue between row name and sub entities

[SAOPP]

Is it possible to automatically shift entities to the left closer to the main name if there are more than 3 of them?

For-example, I got it ova here:

If I add anotha sub-entity, in this example this is the lights, this card would be looks like this:

It can be fixed? Thanks.

[SAOPP]

And one more example, on the left there is a place to place the rssi sensor in one line, instead, as u can see in the screenshot, it is located on two lines, I would like such things to move closer to the left edge:

[bpetrikovics]

I second this. Maybe a padding option to allow us to reduce the unused area. I've noticed that rows with more than 3 entities are cut from the right unless my browser is running fullscreen, and also leaving off the right-most entities when I'm watching via mobile on the companion app (e.g. as if there were no further entities - no indication that information was cut).

[SAOPP]

Yes, in the mobile application, the rightmost objects go beyond the field of the card, which also causes discomfort.

[SAOPP]

Also anotha the same examples:

And mobile app issue:

[denilsonsa]

One more example…

I wanted to have four toggles in a single row (related to Adaptive Lighting component). lovelace-multiple-entity-row can do that, but the toggles get cropped to the right, so not all of them are visible. I also tried lovelace-paper-buttons-row, which manages to make all the buttons visible, but they are now ugly buttons instead of nice toggles.

Being able to remove the main name (and optionally also the icon) would be awesome for this case. Look:

That screenshot was made after adding display: none to the .info element inside <hui-generic-entity-row>, and then adding margin: auto to .entities-row to make the buttons centered (alternatively I could have used justify-content: space-between on the <hui-generic-entity-row> element, as that would keep the icon left-aligned while the buttons go right-aligned). I've done that on the browser developer tools, I don't have any code to share.

I can understand multiple-entity-row is reusing Home Assistant's hui-generic-entity-row, and that's great for most use-cases. But for some cases, it could be better to have more control over the layout.

[benct]

Should hopefully be fixed by home-assistant/frontend#8369.

Manual workaround with card-mod: .info { flex: 1 1 30%; }

[ivlis]

It has been broken since 2021.2 or 2021.1 AFAIR. This is annoying.

[SAOPP]

Guys, I saw it again in lovelace, I remembered my problem, I decided to refresh my memory, as I understand it, now the problem still persists, right? And it is in the HA front?