Skip to content

Widen entry form to fill available window width - #24

Merged
normanajn merged 1 commit into
mainfrom
feature/widen-entry-form
Jul 17, 2026
Merged

normanajn merged 1 commit into
mainfrom
feature/widen-entry-form

Conversation

@normanajn

Copy link
Copy Markdown
Collaborator

Summary

  • The New Entry / Edit Entry form column was hard-capped at max-w-2xl (672px) regardless of window size, leaving a lot of unused whitespace on wider screens.
  • Changed both the header block and the form column in apps/entries/templates/entries/form.html to max-w-[160ch] so the form grows to fill available space, capped at 160 columns.
  • Applies to both Create and Edit (they share the same template). Small-screen/minimum-width behavior is unchanged.

Closes #23

Test plan

  • Verified locally at 500px, 900px, 1400px, and 2200px viewport widths on both New Entry and Edit Entry — form grows from 672px up to ~896px (bound by the existing shared site container + sidebar), stays centered/capped on ultra-wide viewports, and narrow-viewport rendering is unchanged.
  • Confirmed the markdown cheat-sheet sidebar still renders correctly alongside the widened form at the lg breakpoint and above.

🤖 Generated with Claude Code

The New Entry / Edit Entry form was hard-capped at max-w-2xl (672px)
regardless of window size, wasting space on wider screens. Let it grow
with the viewport up to 160 columns instead, closes #23.
Copilot AI review requested due to automatic review settings July 17, 2026 19:51
@normanajn
normanajn merged commit 39865b8 into main Jul 17, 2026
1 check passed

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR widens the “New Entry / Edit Entry” page layout by increasing the maximum width of the header section and the main form column so they better utilize available horizontal space on larger viewports, addressing the request in #23.

Changes:

  • Updated the header container from max-w-2xl to max-w-[160ch].
  • Updated the main form column container from max-w-2xl to max-w-[160ch] while preserving existing w-full min-w-0 behavior.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Increase width of data entry form

2 participants