Your details on wide screens: the menu on the left, the sections in two equal columns #871

New issue

Closed

opened 2026-10-10 16:01:37 +00:00 by tiagoagueda · 1 comment

tiagoagueda commented

2026-10-10 16:01:37 +00:00

Owner

On wide screens, arrange Your details as a left menu plus two main columns of equal width.

What exists today

The page is full width (main_width emptied, templates/accounts/profile.html:6), but its content column is max-w-2xl (:44); fields pair up only inside cards.

What would change

From 2xl, the cards in two columns (a CSS grid, cards spanning both where long, such as postal addresses), the sidebar on the left.

Decisions

Reading order. Two columns of cards read across; the DOM order stays the section order so a keyboard and a screen reader follow it. Recommended: fill row by row (grid), not column by column.

Checked against main at 8c3d03570. From the maintainer's improvements list of 2026-10-07.

On wide screens, arrange Your details as a left menu plus two main columns of equal width. ## What exists today - The page is full width (`main_width` emptied, `templates/accounts/profile.html:6`), but its content column is `max-w-2xl` (`:44`); fields pair up only inside cards. ## What would change - From `2xl`, the cards in two columns (a CSS grid, cards spanning both where long, such as postal addresses), the sidebar on the left. ## Decisions - **Reading order.** Two columns of cards read across; the DOM order stays the section order so a keyboard and a screen reader follow it. Recommended: fill row by row (grid), not column by column. Checked against `main` at `8c3d03570`. From the maintainer's improvements list of 2026-10-07.

tiagoagueda added this to the 0.6.0 milestone

2026-10-10 16:01:37 +00:00

tiagoagueda added the

interface

enhancement

labels

2026-10-10 16:01:37 +00:00

tiagoagueda self-assigned this

2026-10-10 17:48:34 +00:00

tiagoagueda commented

2026-10-11 10:32:31 +00:00

Author