Thanks a lot for this card, it has very good options.
I played with few options trying to:
- on cards, move the lock to the right side.
- on toggle entities, move the lock to be over the toggle
with #1, I used “restriction-lock-margin-left”, in a first moment using the “exact value method” as seen in the documentation (default: 0px), I kept playing with numbers there till it goes to the right side of the card, which I eventually found the number, but the problem was when the card got resized, eg: when I saw the same card in my phone instead of my computer. When I saw the card in a smaller screen, it disappeared because it was setting a high value, which doesnt fit my phone screen. So, I tried % instead of exact value, and it worked (I used “restriction-lock-margin-left: 95%”), so can I suggest you to possibly add this tip/possibility in the documentation? So, people who aren’t good in CSS can know this method (likely it will save many hours of my HASS colleagues trying to find this solution and your time answering question here
for #2, I tried to use “restriction-lock-row-margin-left”, but it didn’t work. Does restriction-lock-row-margin-left work for toggle entities? If not, is currently there a way to do it? If not, could we have it in a feature request list
Thank you! And congrats for all work done!