search

artem-sedykh / mini-climate-card

Minimalistic climate card for Home Assistant Lovelace UI
MIT License
262 stars 19 forks source link

CSS improvement for primary icon #99

Open ThomDietrich opened 1 year ago

ThomDietrich commented 1 year ago

Hey guys. I am by no means a CSS expert, hence why I'm posting this as an issue.

image

As you can see, the left icon does not align with the icons and temperatures on the right. Not sure whether this ought to be corrected on the left or the right.

This change seems to fix it:

.ctl-wrap {
  margin-top: auto;
}
regevbr commented 1 year ago

need to mention that this happens when hiding the secondary info

ThomDietrich commented 1 year ago

But does it?

image

Ruling out the icon used:

image

regevbr commented 1 year ago

Oh my bad

ThomDietrich commented 1 year ago

However, we should extend the issue to also improve the alignment of the two lines of text, which are currently not centered to the orange box. (Irrespective of #100 )