fix(range): add correct margin in item

[liamdebeasi]

Issue number: N/A

---

What is the current behavior?

As part of e6c7bb6, we added margin to the stacked label when in an item so the label doesn't run up against the divider line for an item above it. However, we did not add this same margin for range.

You can see this in the screenshot comparisons:

Checkbox	Range

Notice how the checkbox in an item screenshot has top/bottom margin, but the range in an item does not.

What is the new behavior?

• Adds margin to the top of the label and the bottom of the native wrapper when a range is in an item.

Does this introduce a breaking change?

• Yes
• No

Other information

[thetaPC]

I know that this is the default but it does seems a bit too much when comparing it to the other labels.

Should we aim to keep it visually similar or stick with the default value?

[liamdebeasi]

Good point. I'll try removing the bottom margin and see how that looks.

[liamdebeasi]

Ok how does db20bd1 look?

[thetaPC]

That looks better. I can't tell if my eyes are playing tricks but it seems that the stacked spacing is less compared to a non-stacked label.

Using 3px seems closer. I'm not a stickler on this though.

[liamdebeasi]

When using a non-stacked label the label-text-wrapper element adds 10px of bottom margin which is why there's a difference. The same difference exists with the other form controls too, so I don't think that's something that should be handled in this PR.

[mapsandapps]

Looks good to me after the bottom margin adjustment 👍🏻

[thetaPC]

LGTM