moralmunky/Home-Assistant-Mail-And-Packages-Custom-Card

Request: Delivery Message Centered

pman07 opened this issue · 2 comments

Currently the delivery message is aligned left, could this please be centered?

image

I'm trying to fix this, I think <p> just needs to be <p style="text-align:center">, but I'm too dumb and can't figure out how to get the card to update with the changed .js file. Is there a secret to doing this?

I ended up making my own fork to test this, I know I'm being git stoopid, sorry. I ended up getting both the message and icons below to center up a little better by changing <p> to <p style="text-align:center"> and adding text-align: center; to .item.

Probably a better way of doing this, but it's got me happy for the time being until someone smarter than me can fix in the main project. Thanks!

I appreciate your feedback. I personally think most centered text is the devil. Getting to know more about the flex box and how to control how the elements align helps solved the inverse pyramid of the package count. We'll see where the new card design leads, it depends on what I how I decide to layout the elements above and below the summary text.