Redesign feed layout for clearer reading and navigation

[feruzm]

The feed stretched post excerpts across a wide center column while topic chips, community statistics, and the header competed with the content. This change bounds the reading column, strengthens post titles, moves desktop row thumbnails to the right, and integrates the existing actions into a wrapping footer.

Following, Communities, and Global use distinct navigation controls; a keyboard-operable Show reblogs switch reflects the URL state and preserves unrelated query parameters. The sidebars show six topics with separate follow/dismiss controls and three stable, deduplicated community suggestions. Community discovery still works if the Town Square request fails.

The treatment is scoped to feed routes and row view. Existing voting, rewards, reblogging, tips, translation, sharing, menus, author links, deferred action hydration, image preloading, moderation, and NSFW handling remain in place. The feed header retains perks/streaks, search, chat, notifications, and account controls; signup remains the primary signed-out action.

Validation

• Complete web suite: 4,104 tests passed across 412 files.
• Focused checks rerun after the final refinements: 50 post/navigation/image tests and 19 sidebar/perks tests passed.
• Workspace typecheck and lint passed; icon, slim-entry, and origin configuration audits passed.
• Chromium: signed-out light mode and a simulated signed-in dark-mode session; no browser JavaScript errors.
• Responsive checks at 320, 375, 390, 640, 768, 1024, 1280, 1440, and 1920px: no page overflow or clipped post actions.
• Adversarial checks: broken-image fallback, long unbroken titles/excerpts/community names, grid style isolation, shared rows outside the feed, duplicate and failed community responses, join/unsubscribe, and reblog query preservation.
• Browser interactions: signed-out voting opens login, sharing opens, source menus remain reachable, and Space/Enter toggle reblogs.
• Production build and CI are in progress; this draft will be marked ready after they finish.

The signed-in browser session uses a local fixture and public feed data; no blockchain transactions were broadcast. Join/unsubscribe behavior is covered with mocked mutations.

Screenshots

Actual implementation screenshots, available on Drop for seven days:

Desktop	Mobile
Signed in · dark	Signed in · dark
Signed out · light	Signed out · light