fix: QA — stale media queries & spacing scale refs

[ajianaz]

QA playbook fixes from full review.

Summary by CodeRabbit

• Style
  • Improved responsive CSS behavior for section containers and comparison table layouts
  • Adjusted visual sizing of decorative connection line elements for better visual balance
  • Enhanced mobile navigation responsiveness and sidebar collapse behavior across various screen sizes

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: cca881db-34dd-4e5b-8b87-0cca2202a6b6

📥 Commits

Reviewing files that changed from the base of the PR and between 8456142 and e89cf5b.

📒 Files selected for processing (1)

• website/src/app.css

---

📝 Walkthrough

Walkthrough

Single-file CSS refactoring that consolidates redundant mobile responsive rules by removing max-width: 640px overrides for sections and tables, adjusts .connect-line::after sizing from --space-15 to --space-10, and refactors .mobile-docs-nav responsive logic by introducing a min-width: 768px hide rule and shifting the sidebar collapse breakpoint from 768px to 767px.

Changes

CSS Responsive Behavior Refactoring

Layer / File(s)	Summary
Mobile section and table styling consolidation website/src/app.css	Removed redundant max-width: 640px mobile padding and font-size overrides for .section-tall, .section-compact, and .compare-table; replaced with comments noting those styles are handled via existing min-width queries.
Connect-line sizing adjustment website/src/app.css	Reduced .connect-line::after max-width from --space-15 to --space-10.
Mobile docs navigation and sidebar collapse refactoring website/src/app.css	Introduced min-width: 768px rule to hide .mobile-docs-nav and shifted sidebar-collapse breakpoint from max-width: 768px to max-width: 767px, inverting mobile navigation visibility logic.

Estimated Code Review Effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Poem

🐰 Styles grow lean when rules consolidate,
Breakpoints dance at 768 and wait,
Connect-lines shrink with CSS grace,
One file refined, a cleaner space!

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/qa-remaining-issues

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}