[Track: Cross-Platform] Parameters definitions panel content clipped with no horizontal scroll

[Vishal27alpha]

Summary

The "Parameters definitions" panel (opened via the question mark icon on the Model configuration page) has its content clipped on the left side with no horizontal scrollbar to access the hidden text.

Expected behavior

The parameters definitions panel should display all content fully within the viewport. If the content exceeds the panel width, a horizontal scrollbar should be available to reveal the hidden text.

Reproduction steps

1.Run the app locally
2.Open browser and navigate to http://127.0.0.1:5002/#/AddCase
3.On the Model configuration page, click the question mark button (top-right corner) labeled "Parameters definitions"
4.Observe that text content is cut off on the left edge of the panel
5.Attempt to scroll horizontally, no scrollbar is present

Environment

OS: macOS
Python version: 3.x
Branch: main
Browser: Chrome
MUIOGO version: v5.4

Logs or screenshots

Related work checked

Searched open issues for "horizontal", "scroll", "clipped", "panel","Parameters definitions" but no existing issue found covering this specific problem
Searched open PRs, none found addressing this UI layout issue
Overlap classification: None

Proposed track

{"Track" => "Cross-Platform"}

[AYUSH676-JARVIS]

I investigated this issue and found that the clipping is caused by a combination of left offset/misalignment and missing horizontal overflow handling in the panel container.

I plan to fix this by:

• Resetting container alignment (removing left clipping)
• Adding horizontal scrolling (overflow-x: auto)
• Improving handling of long text and preformatted content

Will raise a PR shortly.

[Vishal27alpha]

@AYUSH676-JARVIS Thanks for looking into it! I have already investigated and fixed this ,a PR is up at [https://github.com//pull/370].