Header/sidebar sizing

[maykar]

Proposed changes

• Shrinks header height and sidebar width down to 56px from the current 64px
• Makes all headers conform to --header-height
• Fixes alignment of sidebar header text

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

Additional information

New header height & sidebar width:

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

[balloob]

Just a note that not every feature request needs to be implemented. We need to make sure that feature requests fit within our vision for what the frontend is, and what it is not.

[Mariusthvdb]

where can we discuss that Paulus?
as it is, I can feel for the branding issue, hope you also see the user need for essential feedback on the system.

Wouldn't you agree the Frontend mainly is for returning that essential feedback to the user, and much less so a branding vehicle

Especially so, since with the default (and not optionable) new compact header, the user is taken a spot where this resided before unfortunately.

[balloob]

Not interested in discussing that. Either use the custom JS that Maykar made or add a markdown card with the title.

[bramkragten]

The header of hass-loading-screen is not adjusted yet