[Form] fix validation/help message margin top for dense elements

[pierre-H]

Done

When an element is dense, the thelp text or the validation text has a top margin, which should be disabled.

QA

• Open demo
• [Add QA steps]
• Review updated documentation:
  • [List any updated documentation for review]

Check if PR is ready for release

If this PR contains Vanilla SCSS code changes, it should contain the following changes to make sure it's ready for the release:

• PR should have one of the following labels to automatically categorise it in release notes:
  • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
• Vanilla version in package.json should be updated relative to the most recent release, following semver convention:
  • if CSS class names are not changed it can be bugfix relesase (x.x.X)
  • if CSS class names are changed/added/removed it should be minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) should be listed on the what's new page.

Screenshots

Fix :

[webteam-app]

pierre-H is not a collaborator of the repo

[bartaz]

@pierre-H Hey, thanks for your contribution.

Indeed the validation message does not work well with dense inputs. But because the issue is with validation message (and help text), I think it would be better if it's solved in those respecitive places.

So you would need to modify _patterns_form-help-text.scss and _patterns_form-validation.scss instead.

[bartaz]

This got stale, opened it up as a bug: #5262

Closing PR for now.