The constraint violations on the new mobile UI has some issues:

• All text should be left aligned
• The 'X' should be on the top left corner
• The translation 1 of 2 is appearing as 1 2 [of]
• The dots next to 1 of 2 should be on the left of the text
• The arrow buttons should be on the left of the box
• The pages should scroll from right to left i.e. the blue arrow button should be on the left when looking at the first violation

Screenshot

Acceptance criteria

• All text is left aligned
• The 'X' is in the top left corner
• The translation 1 of 2 appears as 1 of 2
• The dots next to 1 of 2 are to the left of the text
• The arrow buttons appear on to the left of the box
• The pages scroll from right to left i.e. the arrows scroll left