Make weather-forecast card more responsive

[Cretezy]

Proposed change

Fairly minor change to the weather-forecast card to improve the use of space. It adds a size controller (like width on this card) to add a short class when it's short to style.

The values tweaks are minor but improves spacing/use of space/legibility in the card. Makes it feel more at home in the design language.

Dimensions	Before	After	Comment
12x4			Vertical padding increased to fill space
12x3			Smaller icons and state text to reduce vertical space
9x3			Same as 12x3
6x4			Smaller icon

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

show_current: true
show_forecast: true
type: weather-forecast
entity: weather.home
forecast_type: daily
forecast_slots: 5
grid_options:
  columns: 12
  rows: 4
secondary_info_attribute: wind_speed

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

[Mariusthvdb]

if I may add a comment here, please let me suggest to make the card canvas smaller, and take out the top and bottom empty space that seems to make the top cards(in your overview) so empty.

Increasing the inner vertical padding 'to fill space' doesn't solve the overall look of emptiness at all, it just moves it around.

check an extreme version of reducing card height to 80% fix it:

current card styling:

and reduced to 80%:

see how much space is saved , and yet the card feels very balanced

no need to reduce icons or text, which can be less than optimal for older eyes... please also consider that aspect