Fix styling issues with the related-values display

[formfcw]

Scope

What's changed:

• changed vertical padding of v-list-items.block (+ .dense) to provide more space for the render-template
  • this prevents the render-template from cutting off the mouseover-background of the related-values display
  • this also affects thumbnails as they get larger
• fix alignment and overlapping of related-values display within the render-template
• made height and padding of v-list-item.block (+ .dense) more dynamic

Before:

After:

Potential Risks / Drawbacks

• Could cause visual bugs on other parts of the app, even though I've tested many use cases
  • default and dense listing
  • m2m, m2a listings
  • table layout
  • title in the drawer

Review Notes / Questions

• Feel free to change things

---

Fixes #21853
Potentially fixes #22160

[changeset-bot]

🦋 Changeset detected

Latest commit: 78f30f3

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages

Name	Type
@directus/app	Patch
@directus/api	Patch
directus	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR