[terra-clinical-label-value-view] Fix margin for dl elements

[smason0]

Summary

What was changed:
Removed top and bottom margins added by the default stylesheet of the <dl> element within the LabelValueView element (the wrapper element when isChildOfDescriptionList prop is 'false' or undefined).

Why it was changed:
These margins were added unintentionally when a definition list was added to this component as part of a11y changes, and this change fixes that by removing them.

Testing

This change was tested using:

• WDIO
• Jest
• Visual testing (please attach a screenshot or recording)
• Other (please describe below)
• No tests are needed

Component example (before/after):


Multiple adjacent LabelValueViews (before/after):

Note: Some components, like DetailListItem, add their own padding to separate each ListValueView, as seen below

Reviews

In addition to engineering reviews, this PR needs:

• UX review
• Accessibility review
• Functional review

Additional Details

This PR resolves:

UXPLATFORM-9469

---

Thank you for contributing to Terra.
@cerner/terra

[cm9361]

Why do we need to add a style on the wrapper element if we are updating our sass file?

[smason0]

This is being applied to the <dl> element on line 19 for this specific example and not the one in LableValueView that had its sass file updated. This change is maybe not needed, as it is just an example, but I added it to be consistent in removing these default margins whenever we use a definition list.

[sdadn]

How do these changes compare to the original styling utilizing div elements? Are the margins same or different? etc.

[smason0]

How do these changes compare to the original styling utilizing div elements? Are the margins same or different? etc.

The changes make it appear the same as when the wrapper is a div, i.e. the top and bottom margins are 0.

div:

dl: