SDSS-478: Fix to the wysiwyg spacing with section background colors

[jenbreese]

READY FOR REVIEW

Summary

• Padding on the wysiwyg
• Done for the row colors and not.

Review By (Date)

• soon

Criticality

• Low

Review Tasks

Setup tasks and/or behavior to test

1. Check out this branch
2. Navigate to a page and create some content with a colored rows background. Use this page as an example for the bullets - https://sdssuserguide-prod.stanford.edu/start-here/best-practices/links-buttons/jump-links
3. Verify the content isn't up on the edge.

Front End Validation

• Is the markup using the appropriate semantic tags and passes HTML validation?
• Cross-browser testing has been performed?
• Automated accessibility scans performed?
• Manual accessibility tests performed?
• Design is approved by @ user?

Backend / Functional Validation

Code

• Are the naming conventions following our standards?
• Does the code have sufficient inline comments?
• Is there anything in this code that would be hidden or hard to discover through the UI?
• Are there any code smells?
• Are tests provided? eg (unit, behat, or codeception)

Code security

• Are all forms properly sanitized?
• Any obvious security flaws or new areas for attack?

General

• Is there anything included in this PR that is not related to the problem it is trying to solve?
• Is the approach to the problem appropriate?

Affected Projects or Products

• Does this PR impact any particular projects, products, or modules?

Associated Issues and/or People

- SDSS-478

Resources

• AMP Tool
• Accessibility Manual Test Script
• HTML Validator
• Browserstack and link to Browserstack Credentials

[jenbreese]

@jdwjdwjdw This is ready for you to review. I updated the amount of padding per design.

[jdwjdwjdw]

Looks good to me, thanks @jenbreese

[jenbreese]

5/9/2024: We are in a code freeze until next deployment on the 15th. No merging until after the 15th.