Entities Card Button Row Alignment on Mobile Devices

coolhand · July 20, 2022, 1:07am

When a button row is displayed on a web browser, the entire row is displayed over multiple lines if necessary. For example:

However, when the row is displayed on a mobile device, the row is displayed in a single row. The user is required to scroll to find the remaining buttons. Sometimes, the buttons aren’t even visible unless the user goes looking. For example:

It would make more sense to just have the buttons displayed in multiple rows on a mobile device similar to the way it’s done on the web browser version. Or give the user an align: option to make it optionally possible.

Thanks for all the hard work everyone.

tom_l · July 20, 2022, 1:19am

This sounds like more of an issue than a feature request. Please open a new issue here if you want it fixed:

Ildar_Gabdullin · July 20, 2022, 1:21am

Testing Companion App:
iPad - chips button are wrapped to the next row (like in web browser).
iPhone - chips buttons are NOT wrapped.

Probably this is a bug.

coolhand · July 20, 2022, 1:33am

https://github.com/home-assistant/frontend/issues/13234

tom_l · July 20, 2022, 2:07am

You can drag and drop images into the issue report. Might help illustrate the issue.

coolhand · July 20, 2022, 10:49am

Okay, I was looking for a button lol

Thanks

jaswalters · March 16, 2024, 3:14am

Same issue on Android.