Skip to content

claude/fix-page-width-layout-SY7c5#679

Merged
tdurieux merged 4 commits intomainfrom
claude/fix-page-width-layout-SY7c5
Apr 15, 2026
Merged

claude/fix-page-width-layout-SY7c5#679
tdurieux merged 4 commits intomainfrom
claude/fix-page-width-layout-SY7c5

Conversation

@tdurieux
Copy link
Copy Markdown
Owner

  • Add overflow-x: hidden to html/body and ng-view to prevent horizontal
    scrolling across all pages
  • Restore .container.page mobile padding to 15px to match Bootstrap .row
    negative margins (-15px), which previously caused 5px overflow per side
  • Add max-width: 100% constraints to prevent content from exceeding viewport

https://claude.ai/code/session_01L2xhJCKkjghMDBuwXpSHzi

claude added 4 commits April 15, 2026 08:41
- Add overflow-x: hidden to html/body and ng-view to prevent horizontal
  scrolling across all pages
- Restore .container.page mobile padding to 15px to match Bootstrap .row
  negative margins (-15px), which previously caused 5px overflow per side
- Add max-width: 100% constraints to prevent content from exceeding viewport

https://claude.ai/code/session_01L2xhJCKkjghMDBuwXpSHzi
- Move Ko-fi "Support me" button from top-right (where it hid the navbar
  hamburger) to bottom-right corner
- Remove card styling (border, background, border-radius) from dashboard
  quota section for a flatter, cleaner look
- Remove fixed max-width: 960px from dashboard-page so it uses Bootstrap's
  standard container widths, consistent with other pages like admin

https://claude.ai/code/session_01L2xhJCKkjghMDBuwXpSHzi
- No URL state: centered input in the middle of the page for a clean
  initial experience
- URL provided state: preview on the left, form settings on the right
  in a fixed-width sidebar panel (380px on desktop)
- Reorganized form sections into logical groups:
  Source (branch/commit) → Identity (ID/conference) → Anonymization
  (terms) → Display (checkboxes, no longer hidden in accordion) →
  Expiration
- Removed card/accordion wrappers for a flatter, more scannable form
- Mobile: form stacks below preview with sticky submit bar

https://claude.ai/code/session_01L2xhJCKkjghMDBuwXpSHzi
- Reduce navbar padding from default .5rem to 4px vertical
- Shrink nav icons from 30px/40px to 20px/28px
- Reduce nav-link font size to 0.9rem with tighter padding
- Shrink navbar-brand font size to 1rem

https://claude.ai/code/session_01L2xhJCKkjghMDBuwXpSHzi
@tdurieux tdurieux merged commit 3f32ec5 into main Apr 15, 2026
2 checks passed
@tdurieux tdurieux deleted the claude/fix-page-width-layout-SY7c5 branch April 15, 2026 09:13
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.

2 participants