fix(frontend): center capped content column on wide viewports (#50)

The .page column was max-width 72rem but left-aligned, leaving a large
empty band on the right above ~1200px. margin-inline: auto centers it;
narrow widths are unchanged since the column fills the viewport anyway.

Co-authored-by: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
Tomáš DvořákandDevin authored and GitHub committed 2026-09-28 22:31:19 +02:00
1 parent 361538aabc
commit 6d758c0089
2 files changed
+6

No files matched your search

+4
View File
@@ -4,6 +4,10 @@ All notable changes to Primora. Format follows [Keep a Changelog](https://keepac
## [Unreleased] ## [Unreleased]
### Fixed
- **Content column centers on wide screens** — `.page` was capped at 72rem but left-aligned, so above ~1200px the dashboard hugged the left with a growing dead zone on the right. It now centers (`margin-inline: auto`) while staying full-width below the cap.
## [0.8.4] - 2026-09-28 ## [0.8.4] - 2026-09-28
### Added ### Added
+2
View File
@@ -1096,6 +1096,8 @@ code {
/* ---------- page scaffold ---------- */ /* ---------- page scaffold ---------- */
.page { .page {
max-width: 72rem; max-width: 72rem;
width: 100%;
margin-inline: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1.5rem; gap: 1.5rem;