Admin area pages. Right-side content is cut off #7916
Description
Environment:
Platform: NopCommerce 4.90
Module: Sales → Recurring Payments
Device: Laptop (14-inch screen)
Browser: Chrome, Edge, Firefox (All major browsers)
Screen Resolution: 1366×768
Precondition:
User is logged in as an Admin and navigates to the Recurring Payments page from the Admin dashboard.
Steps to Reproduce:
-
Open the NopCommerce Admin panel on a 14-inch laptop.
-
Go to Sales → Recurring Payments.
-
Observe the right side of the page.
4.Notice that a portion of the page (text/table border) is cut off or partially hidden.
Actual Result:
On 14-inch or smaller screens, the right side of the Recurring Payments page content is not fully visible.
The table and some UI elements appear partially hidden, requiring horizontal scrolling.
Expected Result:
The Recurring Payments page should be fully responsive.
All text, columns, and borders should adjust properly within the viewport of a 14-inch screen without horizontal scroll or cutoff.
Severity:
Low
Priority:
Medium
Possible Cause:
Missing responsive CSS grid or flex alignment.
Fixed-width table or container not scaling properly with viewport width.
Recommendation / Suggested Fix:
Use responsive CSS (flex, grid, or % width instead of fixed pixel values).
Add a media query for small/medium screens (≤1366px).
Test layout across multiple resolutions (1366×768, 1440×900, 1920×1080).
Attachment: