fix: remove hardcoded 700px width from question editing distribution chart

[aseckin]

Removes the hardcoded style={{ width: 700 }} from the distribution chart preview container in numeric_question_input.tsx. The chart now fills its parent container responsively, fixing the broken layout on narrow screens.

Closes #3655

Generated with Claude Code

Summary by CodeRabbit

• Style
  • Improved the example input chart layout flexibility by removing a fixed width constraint, allowing better responsiveness across different screen sizes.

[coderabbitai]

📝 Walkthrough

Walkthrough

Removed a fixed 700px width container wrapping the Example input chart in the numeric question input component. No behavioral or logic changes; rendering flow and conditions remain unchanged.

Changes

Cohort / File(s)	Summary
UI Layout Adjustment front_end/src/app/(main)/questions/components/numeric_question_input.tsx	Removed fixed 700px width container around the Example input chart to improve responsive behavior on narrow screens.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Suggested reviewers

• elisescu
• lsabor
• hlbmtc

Poem

🐰 A rigid constraint fell away,
Like carrots on a narrow tray,
The width that bound now set it free,
On small screens, responsive glee!

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately and specifically describes the main change: removing a hardcoded 700px width from the distribution chart in question editing.
Linked Issues check	✅ Passed	The PR directly addresses the primary objective from issue #3655 by removing the hardcoded 700px width from the numeric question input chart, fixing the broken UI on narrow screens.
Out of Scope Changes check	✅ Passed	The change is narrowly scoped to removing the fixed width constraint from the distribution chart in numeric_question_input.tsx, with no unrelated modifications present.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch claude/issue-3655-fix-question-editing-ui-for

---

No actionable comments were generated in the recent review. 🎉

Tip

Issue Planner is now in beta. Read the docs and try it out! Share your feedback on Discord.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

Cleanup: Preview Environment Removed

The preview environment for this PR has been destroyed.

Resource	Status
🌐 Preview App	Deleted
🗄️ PostgreSQL Branch	Deleted
⚡ Redis Database	Deleted
🔧 GitHub Deployments	Removed
📦 Docker Image	Retained (auto-cleanup via GHCR policies)

---

Cleanup triggered by PR close at 2026-02-19T11:51:15Z

[aseckin]

this is super straightforward but tagged you anyway @elisescu

[elisescu]

LGTM