Weather Widget UI Adjustments

[knguyen298]

Describe the bug
Some elements in the weather widget are incorrectly proportioned, or hard to read.

• The top left icon is squished horizontally compared to the actual asset viewed via "Open image in new tab".
• Text at the bottom is hard to read, especially if the current condition in the area is sunny.

To Reproduce
Check the weather for an area.

Expected behavior
The icon is scaled correctly. Text is legible regardless of the background.

Additional context

• For the icon, it looks like there's a lot of padding around the icon, if that's helpful.
• I tested adding -webkit-text-stroke to the font-bold element, but it does not look good regardless of the stroke size.

[ItzCrazyKns]

Hey, the icons we use are bit weird (they are all square but the placement isn't consistent. Sometimes they're off to the side or in the middle). I am looking for newer weather icon packs, if you have any suggestions feel free to drop them.

[knguyen298]

Here's an MIT licensed icon pack: basmilius/weather-icons