Labels and input fields alignment
By default, in a Left-To-Right Form, the label located on the left-hand side is aligned to the right and the input field located to the right of the label is aligned to the left. That makes the content of them adjacent, as they are both aligned to the same internal cell border. When we reverse the page to be a Right-To-Left Form, the label now on the right side, is still aligned to the right and the input field now located to the left of the label is also still aligned to the left. That makes their content aligned apart from each other, as they are aligned to the (separate) external cell borders.
You can see a hint to this behaviour with the Job item in the last screenshot. The label is aligned to the right border of the item labels' column, while the input field is aligned to the far-left border of the input fields' column, which was determined by the Shuttle item as the widest element on this column.
The following JavaScript function alignRight()
, which...