chore(ui): improve width of containers

[avivkeller]

Partially fix/es nodejs/doc-kit#954 by expanding the main content (if possible) and the change history

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
nodejs-org	Ready	Preview	Jul 28, 2026 10:46pm

[cursor]

PR Summary

Low Risk
CSS-only layout tweaks in shared UI components with no logic, auth, or data changes.

Overview
Widens documentation layout so main article content and the change-history menu can use more horizontal space (partially addresses doc-kit #954).

Change history dropdown panel grows from a fixed narrow width (w-52) to 26rem, with max-w-[calc(100vw-2rem)] on small viewports; the scrollable inner area follows the wrapper via w-full instead of a duplicate fixed width.

Article layout drops max-w-10xl and mx-auto on .articleLayout, so the grid stays full width instead of capping and centering the page shell.

^{Reviewed by Cursor Bugbot for commit 624748c. Bugbot is set up for automated code reviews on this repo. Configure here.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 75.13%. Comparing base (c086c54) to head (624748c).
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #9032      +/-   ##
==========================================
+ Coverage   75.10%   75.13%   +0.03%     
==========================================
  Files         102      102              
  Lines        9109     9109              
  Branches      372      372              
==========================================
+ Hits         6841     6844       +3     
+ Misses       2264     2261       -3     
  Partials        4        4              

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

[cursor]

Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 624748c. Configure here.}

[github-actions]

📦 Build Size Comparison

Summary

Metric	Value
Old Total First Load JS	10.65 MB
New Total First Load JS	10.65 MB
Delta	0 B (0.00%)

[bjohansebas]

Text should have a maximum line width of 80ch for better readability and UX: https://baymard.com/blog/line-length-readability

[bjohansebas]

https://web.dev/articles/min-max-clamp#width