Add margin-top and Remove margin-left for items in Relationship Section

[hqhhuang]

Bug/issue #, if applicable: 90964249

Summary

Addressing PR feedback: https://github.com/dobromir-hristov/swift-docc-render/pull/3/files#r818184276
Adding margin-top and removing margin-left for the items in the Relationship Section.
Creating this new PR, since the original PR has become really large and hard to review.

Testing

See screenshot for Before and After:

Before:

After:

Checklist

• Added tests - NA
• Ran npm test, and it succeeded
• Updated documentation if necessary - NA

[dobromir-hristov]

I am fine with the change, as long as its the intended visual effect - @SamLanier

[biamx3]

Hi! Sam might have provided specs for this I'm not aware of, so I'll wait on her for final word.

On my end, it looks good from the screenshot. I noticed the links aren't blue though, is that intentional?

[hqhhuang]

Hi! Sam might have provided specs for this I'm not aware of, so I'll wait on her for final word.

On my end, it looks good from the screenshot. I noticed the links aren't blue though, is that intentional?

I didn't get spec for this. For removing the left-margin: I accidentally introduced the bug when I was working on removing the right column earlier. So this is just reverting that change.
As of the margin-top: I just made it consistent with margin-tops from other types of content (example: Topics).

[SamLanier]

I didn't get spec for this. For removing the left-margin: I accidentally introduced the bug when I was working on removing the right column earlier. So this is just reverting that change.
As of the margin-top: I just made it consistent with margin-tops from other types of content (example: Topics).

Sounds logical to me 😊

[SamLanier]

Visual design approved.