Icon list reverse phone icon

[wicara]

hello I have rotated the phone icon in a list but now the alignments are all out, I tried reversing the indent (ie -1.5 to 1.5 em. but this moves the text over.

should I not use rotate in an icon list or is there some css I have to add to correct this?

[rad]

Hi @wicara,

Thanks for reaching out.

May I know which site is this, I checked your account’s sites and none have the same footer as your screenshot. Two are inaccessible.

Is this RTL related? For that, you’ll have to apply the indent or spacing through CSS.

Thanks!

[wicara]

its a staging site ill send the link

[rad]

Hi @wicara,

Please remove the 1.5em text indent and change your CSS rotation styling to this

.x-icon-phone {
    transform: rotate(180deg);
    transform-origin: -1em;
}

Hope this helps.