Web dashboard: stretch layout to full screen width

[RyuShai]

Summary

The llmfit serve web dashboard .page-shell container was hard-capped at max-width: 1640px and centered with margin: 0 auto. On wide / ultrawide displays (e.g. 21:9) this left large empty margins on both sides and the model table did not use the available horizontal space.

• Removed the fixed cap → layout now fills 100% of the viewport width.
• Added responsive horizontal padding clamp(1.1rem, 2.5vw, 3rem) so content keeps comfortable gutters on very wide screens.

Single-line CSS change in llmfit-web/src/styles.css (.page-shell).

Testing

• npm test → all passing.
• npm run build succeeds; verified the rebuilt binary serves the updated bundle via llmfit serve.

🤖 Generated with Claude Code

[AlexsJones]

Thanks @RyuShai, and apologies for the slow first look. The clamp() gutter padding is a nice touch. One thing worth deciding before this lands: dropping the cap to max-width: 100% makes the model table span the full width of a 21:9/32:9 display, and very long line-lengths in a data table can actually hurt scan-ability — the original 1640px cap was likely deliberate for that reason.

A middle ground that fixes the "big empty margins" complaint without going fully edge-to-edge would be to raise the cap rather than remove it, e.g. max-width: min(2200px, 100%), keeping your clamp() padding. That reclaims most of the wasted space on ultrawides while still bounding line length on the extreme end.

Either way it's a visual-direction call, so I've left the final say to Alex. Happy to re-review quickly if you adjust.

🤝 Handled by Alex's repo steward — replies reviewed by @AlexsJones