[sidebar] set max-width for item-text

[KapJI]

Proposed change

When item text is wrapped, flex container in paper-icon-item shrinks icon div which causes misaligned text. Set max width for the item text to prevent this. 56px is the default width of icon spacer div (here) in paper-icon-item.

Better fix is PolymerElements/paper-item#133 but that project doesn't seem to be active and it's unlikely that fix will be reviewed soon.

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:
• 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

[balloob]

Thanks! Developer tools is 3 words in your language ?

[KapJI]

@balloob it says "tools for developers"