Checking the "Compare the contents before translating" step (T241589) of the Section Translation workflow, I noticed some misalignments in the primary button elements:
- 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:
- The icon which is expected to be 20x20px is inside a 30x30px span that breaks the alignment of it
- 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.
Although the issue is exemplified on a particular step of the workflow, the solution may require the improvement of the more general button component.