Picture glance alignment fix

[ildar170975]

Breaking change

Proposed change

Test code:

camera_view: auto
type: picture-glance
title: Kitchen
image: /local/images/test/blue.jpg
entities:
  - entity: input_boolean.test_boolean
  - entity: sun.sun
  - entity: sun.sun
  - entity: input_boolean.test_boolean

1. Icons were misaligned:
   Before:
   

Better visible with mdi:circle:

After:

Preferred to fix a font-size for picture-glance only (not globally for all ha-state-icon elements).

2. Long title was not cut & causing some icons not displayed.
   Before:
   

Seems that these lines did not work for .title:

After:

3. Title was misaligned:
   Before:
   

After:

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

Additional information

• This PR fixes or closes issue: fixes #
• This PR is related to issue or discussion:
• Link to documentation pull request:

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.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[wendevlin]

Great fix. Thanks @ildar170975 🎉