Overflow issue in edition editor form on mobile/tablet view

[akramcodez]

Problem:

The edition editor form content overflows outside its container on smaller screen sizes (mobile/tablet), making parts of the form inaccessible or cut off.

Reproducing the bug

Reproducing the bug

• Go to edition edit page (e.g., /books/OL123456M/edit)
• Open Chrome DevTools and set device to "Samsung Galaxy S8+" (360x740) or similar mobile device
• Observe the form sections (Identifiers, Classifications, Physical Object)
• Notice content overflowing or being cut off on the right side

Current Behavior:

• Form elements extend beyond the visible viewport
• Content appears cut off on the right side
• Horizontal scrolling may be required or content is simply hidden
• Affects user experience on Samsung Galaxy S8+ and similar devices (360x740 viewport)

Expected Behavior:

• Form should be fully responsive and fit within viewport
• All form fields should be visible and accessible
• No horizontal overflow
• Content should stack or resize appropriately on smaller screens

Context

• Browser: Chrome
• OS: Windows
• Logged in (Y/N): Y
• Environment (prod, dev, local): prod

Breakdown

Requirements Checklist

• [ ]

Related files

Stakeholders

---

Instructions for Contributors

• Please run these commands to ensure your repository is up to date before creating a new branch to work on this issue and each time after pushing code to Github, because the pre-commit bot may add commits to your PRs upstream.

[SAYAN02-DEV]

I was able to reproduced and fixed this issue locally.

I have Added a mobile-specific responsive block to form.olform.less that fixes the issue.

[jimchamp]

Noting that the none of the classification options that are configured for local environments are long enough to cause an overflow.

EDIT: #11568 updates these configurations for local instances, and includes an entry that will cause the classification section to overflow locally.