Content
Updated by Jan Sandbrink about 9 years ago
### Reproduction
- Go to a form, e.g.
- http://localhost:5000/projects/1/settings/info
### Expected
- Labels and the labelled values have the same baseline
- the margin between two rows is determined by the DOM-element containing the row (`form--field`) alone
![](good-baseline.PNG)
### Actual
- The label baseline is slightly above the baseline of its value
- the label has its own margin, that adds up to the margin set by its parent
![](bad-baselines.PNG)
### Note
The margin exists for quite a while. I can *imagine* that the problem was already “solved” elsewhere, by putting a `margin-bottom` to the right-hand-side element, rather than removing the margin of the label.
If that is the case, such occurences would now need to get rid of their margin again.
- Go to a form, e.g.
- http://localhost:5000/projects/1/settings/info
### Expected
- Labels and the labelled values have the same baseline
- the margin between two rows is determined by the DOM-element containing the row (`form--field`) alone
![](good-baseline.PNG)
### Actual
- The label baseline is slightly above the baseline of its value
- the label has its own margin, that adds up to the margin set by its parent
![](bad-baselines.PNG)
### Note
The margin exists for quite a while. I can *imagine* that the problem was already “solved” elsewhere, by putting a `margin-bottom` to the right-hand-side element, rather than removing the margin of the label.
If that is the case, such occurences would now need to get rid of their margin again.