The card going out of screen on Android

[adorobis]

This is excellent work! Just installed it on my HA. Now as it is almost perfect, on my android phone the left side of the card is slightly outside of the screen (Samsung Galaxy S8), please check the screenshot.

[mweimerskirch]

Thank you for reporting this. I'll work on making the card responsive later this week.

[adorobis]

Any news on that? Also in Chrome on PC depending on window width it is going out of view:

[PimDoos]

Same issue on desktop, on certain aspect ratios the outside temperatures are going off screen:

Any updates on this?

[zanac]

Workaround: add card-mod and use:
card_mod:
style: |
ha-card {
padding-left: 50px;
}

[adorobis]

Good starting point but now it sticks out to the right. Is there a style element to scale it down?

[zanac]

Good starting point but now it sticks out to the right. Is there a style element to scale it down?

just use padding-right ;)
card_mod:
style: |
ha-card {
padding-left: 50px;
padding-right: 50px;
}

[adorobis]

Nope, already tried. The house image and other elements don't scale

[zanac]

Nope, already tried. The house image and other elements don't scale

maybe you wrong syntax, i use it and it seems works.

[adorobis]

Try to make the browser window smaller and most likely you'll see what I see.

card_mod:
  style: |
    ha-card{
      padding-left: 50px;
      padding-right: 50px;

    }

[zanac]

try to force also width at 75%.... here you are syntax
card_mod:
style: |
ha-card {
padding-left: 50px;
padding-right: 50px;
width: 75%;
}

[adorobis]

That makes the whole card smaller and the content is still not scaled down...