IT-6210 fix icons and content spacings in rli

[pioziol123]

No description provided.

[Copilot]

Pull Request Overview

This PR addresses IT-6210 by updating the spacing around icons and content areas in the RichList component. Key changes include:

• Adjusting the padding values for drag-and-drop and icon wrapper elements.
• Modifying the padding for various #{$root}__content blocks to update content spacing.
• Removing the alignment and padding rules for #{$root}__content under the .-ds-small modifier.

Comments suppressed due to low confidence (2)

lib/js/components/RichList/RichListItem/RichListItem.vue:139

• Ensure that the increased padding for the drag-and-drop and icon wrapper elements is consistent with the overall design guidelines, as it could affect alignment with adjacent elements.

padding: $space-3xs $space-5xs $space-3xs $space-s;

lib/js/components/RichList/RichListItem/RichListItem.vue:249

• Double-check that the removal of the #{$root}__content styling under the .-ds-small modifier is intentional, as it may affect the layout on small displays.

#{$root}__content {

[tweetgeek]

/review

[github-actions]

Your storybook is available on: https://wnl-design-system-preview.s3.amazonaws.com/IT-6210_fix_icon_anc_content_spacings_in_rli/index.html