Checking the "Compare the contents before translating" step (T241589) of the Section Translation workflow, I noticed some misalignments in the primary button elements:
{F32049140, width=50%}
- Padding at the top and the bottom of the button label is not balanced (bottom is thicker than top)
- Icon is not vertically centered (it's closer to the top of the button)
The problem seem to be produced by the following issues:
1. The icon which is expected to be 20x20px is inside a 30x30px span that breaks the alignment of it
{F32049149, width=50%}
2. Top and bottom paddings use fractions of pixel (9.143px). The standard padding for buttons is 16px for the sides and 8px for top and bottom.
{F32049135, width=50%}
Although the issue is exemplified on a particular step of the workflow, the solution may require the improvement of the more general button component.