Main icon not correctly displayed with Firefox

[jpcasta]

Hello,
With the latest version (1.15), the main icon is not correctly displayed with Firefox. (see attached picture with red arrow showing the icon)
Even after clearing the cache, I am getting the same behavior.
It works fine with Chrome or Edge
Thanks
Regards

.

[MisterT87]

+1
same issue on firefox 102.0.1

[Chris57700]

Hi,
I deleted the 1.15 and I installed the 1.14b and the big icon behavior is normal.

[Rathorian]

+1 on Firefox 103.0.2

[tof92130]

+1 on home assistant application, on safari and Firefox

[juanpa669]

In the folder www/community/meteo-france-weather-card edit the meteo-france-weather-card.js file.
In your file editor search for .icon.bigger css section and play with margin-top value. Personnaly I set it to -3.5em, I also set left value to -1em.
`
.icon.bigger {
width: 10em;
height: 10em;
margin-top: -3.5em;
position: absolute;
left: -1em;
}

`
Then gzip it with 7zip for example to override existing one.
Make sure to clear the cache of the page

[jpcasta]

Thank you @juanpa669 ...it works!

[mcarbonne]

Another working patch: mcarbonne@f168c0f

Tested on Firefox, Chrome and Android application.

A fixed version is available in my fork: https://github.com/mcarbonne/meteo-france-weather-card.
I also added the support for "hour mode", but due to some recent changes in meteo-france integration, it only shows forecast for the next hours (details: #27). The code need some changes to allow forecast mode selection.

You can either package as a gzip my version or directly add my fork as a custom repo in HACS (and install my version instead of the original one).