HA-Automation-Row Component: Change Collapsible Expander Chevron direction

[Chaos02]

Proposed change

Change Collapsible Automation Row Chevron Direction to align with html <details> behaviour and intuition for Expanding Icons on the left of the Summary text.

Points right when closed and down when expanded. (CLICK ME)

Very common design for collapsible sections with their indicator icon on the LEFT of the text.

RIGHT side Indicators left untouched.

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

(Visual / User experience)

Example configuration

Editing any nestable Automation block (AND, IF, OR) via the UI automation configurator.

Additional information

Sorry, if this seems like a bit of a low-effort type of PR but I felt visceral disgust when I noticed that the expander-icon in automation blocks works completely differently to any other expanding section I've ever seen online.
I only changed this occurance because in the automation-row the indicator is on the left and for any other expandables I stumbled upon, the icon was on the right, which was totally fine with my expectance and gut feeling.

If you want I can scour the frontend for more of left-aligned chevrons so there's at least some effort :P

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. (none needed)

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

• Documentation added/updated for www.home-assistant.io
  (Not needed)

[home-assistant]

Hi @Chaos02

It seems you haven't yet signed a CLA. Please do so here.

Once you do that we will be able to review and accept this pull request.

Thanks!

[home-assistant]

Please take a look at the requested changes, and use the Ready for review button when you are done, thanks 👍

Learn more about our pull request process.

Stale

[marcinbauer85]

Thanks for raising this. In general, we are following MD2 guidelines for chevron-type expandables https://m2.material.io/components/lists#types:~:text=and%20state%20indicator.-,Expand%20and%20collapse,-Show%20and%20hide
While I understand this can be done also as you suggested, it's not the only place in HA where this would need to be applied.