RTL Alignment Issue

[planecore]

Describe the bug
Cards with an icon have an alignment issue where the icon has a big margin to the right and almost zero margin to the left.
In addition, cards are overlapping each over in horizontal stacks.

To Reproduce
Steps to reproduce the behavior:

1. Add a new card with an icon (for example Entity Card).
2. Add a horizontal stack with two Entity Cards.

Expected behavior
The icon should behave similar to the LTR version with the same margin in each side, and cards shouldn’t overlap each over in horizontal stacks.

Screenshots

Additional context
I’m running the latest versions of Mushroom, HACS, Home Assistant, Home Assistant OS and iOS.

[piitaya]

Mushroom is not compatible with RTL yet but we will add this support 🙂

[planecore]

I changed all the margin-right in the code to margin-left and it looks great!

I'm not very familiar with Home Assistant tooling, but if there's a way to detect if the current layout is RTL it should be fairly simple to add support!

[piitaya]

We can detect it with the computeRTL function. I created a PR to add RTL support 😜