Prevent broken page layout from table overflow

[ritorhymes]

Description

On screen sizes of approximately 700px width or less, tables on at least (4) pages overflow and break the right page margin causing the entire page to increase its width. Normal behavior with table content exceeding the page width should have tables contained with a scrollable overflow or wrap down behavior localized to the tables and not the entire page. This harms the UX for users, especially on mobile, as it makes it more difficult to navigate the page and mars the appearance of the header and footer.

Pages I found with the issue:
/docs/internal-statistics/
/docs/internal-events/
/docs/constants/
/docs/alerts/

Fix

• Add CSS to _page.scss to enable scrollable overflow within the table itself instead of the entire page.
• No side-effects noted

Before and After

Before

After

After - Scrolling the Table Content

[psiinon]

Checkmarx One – Scan Summary & Details – 3791ea5b-50be-4ed3-b1a0-dd7693ec80b9

Great job! No new security vulnerabilities introduced in this pull request

---

Use @Checkmarx to reach out to us for assistance.

Just send a PR comment with @Checkmarx followed by a natural language request.

Examples: @Checkmarx how are you able to help me? @Checkmarx rescan this PR

[kingthorin]

To address the DCO requirement you'll need to sign-off the commit(s):

• https://github.com/zaproxy/zaproxy/blob/main/CONTRIBUTING.md#developer-certificate-of-origin
• https://git-scm.com/docs/git-commit#Documentation/git-commit.txt---signoff

[ritorhymes]

@kingthorin got it, thanks! I just took care of them.