Minor visual QB command tweaks

[spacegaier]

Breaking change

Proposed change

Fixes two small issues:

1. The command icon was not properly colored in
2. The command mode list used a different icon type, which looked inconsistent when compared to the entity mode (icons in different position compared to entity mode = not under the icon of the search input)

@donkawechico Please check if fine with you, since your "baby"

Before:

After (command mode):

After (entity mode):

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

[bramkragten]

The icon seems so close to the text, is that according to the official specs? 🤔

[spacegaier]

The icon seems so close to the text, is that according to the official specs? 🤔

You are correct. I will need to adjust that and add a few more pixels in there.

[spacegaier]

I added the missing 16px margin as defined by the material specs: https://material.io/components/lists#specs

Screenshots are updated in first post.