Firefox back arrow

[Steami]

@potmeklecbohdan

I've tried both your solution and nomadic's and yours works a little better: we're almost there. As you can see from the screenshot there is a vertical deviation of the arrow. I tried changing the transform-origin values.The ones in the screenshot are "transform-origin: 41% 50%" but as a layman of css code I can't understand on which of the two percentages I have to act to cancel the vertical difference. I tried to roughly change one of the two percentages to understand the consequences but I can't understand the behavior![alt text]

[A Former User]

@Steami With just the inverse scale (no rotation), transform-origin shouldn’t be needed at all. Try w/o it.

[Steami]

@potmeklecbohdan

No, it doesn't work. If I delete transform-origin the remaining code is:

.button-toolbar[title~="forward"] svg path,
button[title~="forward"] svg path {
    d: path('M15,7H3.414L7.707,2.707A1,1,0,0,0,6.293,1.293l-6,6a1,1,0,0,0,0,1.414l6,6a1,1,0,0,0,1.414-1.414L3.414,9H15a1,1,0,0,0,0-2Z') !important;
    transform: scale(-0.85, 0.85) !important;

and I get only the background:

[A Former User]

@Steami Okay, what about 50% 100%?

[Steami]

@potmeklecbohdan

It's still not working right.
But I don't want to bother you anymore. Can you explain to me how the two percentages work (provided it's a simple thing to do)? I'll try to change the values until I find the solution.

[A Former User]

@Steami I think it’s better to give you a link.

[Steami]

@potmeklecbohdan

Thank you very much!