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: https://github.com/mcarbonne/meteo-france-weather-card/commit/f168c0f947802309559c452d4307517e21b03516

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: https://github.com/Imbuzi/meteo-france-weather-card/pull/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).