Different entity heights and card height/alignment

nervetattoo / banner-card

A fluffy banner card for Home Assistant 🥰

MIT License

606 stars 58 forks source link

Different entity heights and card height/alignment #18

Open gohassgo opened 5 years ago

gohassgo commented 5 years ago

Thanks for this card!

I'm thinking this will be great for a tablet interface, but I'm having alignment issues. The heights of different entity types vary, like those with a toggle vs. a text/numerical state vs. an mdi icon vs. media controls. They can differ in height by just a few px or so. So to get three cards in a row to end up with the same overall height, the entity types/states in the flex rows of each card need to be similar.

nervetattoo commented 5 years ago

Could you please include a screenshot that showcases the issue?

gohassgo commented 4 years ago

Here's a screenshot... So if the heights of each entity that could be added to a card were all the same size, the cards would always align. The widths are perfect. Thanks

gohassgo commented 4 years ago

@myfins1 Can't remember where I found them. Could have been from here, https://codepoints.net/U+1F6C1 but I think the emoji site below is easier. Just have to substitute some zeros for the plus sign. Here's one...

https://emojipedia.org/bathtub/ heading: "\U0001f6c1 Bathroom"