Column layout breaking landscape mode

[QuackingPlums]

trafficstars

On the mobile view (both in the browser and in the app) the columns break out of the card when in landscape mode.

To Reproduce Add the rate card to dashboard Rotate phone sideways

Expected behaviour Not an easy fix from usability point of view, but as a minimum, elements should not break outside of the card boundary. Reducing the size of the elements further may well give us an unreadable card, and forcing single-column layout will likely make the card too long. Does HA allow scrollable cards? What would be the preferred user experience here?

Screenshots

Smartphone (please complete the following information):

• iPhone 12 Pro Max
• iOS 14.2.1
• Safari, HA app

Additional context HA 2021.1.3

[richardshaylor]

Out of interest do you get the same behaviour when using a different browser on your iPhone?

[QuackingPlums]

Yep, same happens in Chrome on iOS. It seems to be when Lovelace decides that the screen is wide enough to have more than one column, but this card disagrees.