Description
Several tables in the HTML discovery report (inventory, cost, cleanup candidates) break the container width, especially on narrower viewports. Tables with long resource names or many columns push past the .main container boundaries.
Expected Behavior
Tables should be horizontally scrollable within their container without breaking the page layout.
Fix Approach
- Add
overflow-x: auto wrapper around all tables
- Set
table-layout: fixed or max-width: 100% on tables
- Add
word-break: break-word or text-overflow: ellipsis for long resource names
- Test at 1024px and 768px breakpoints
Acceptance Criteria
Description
Several tables in the HTML discovery report (inventory, cost, cleanup candidates) break the container width, especially on narrower viewports. Tables with long resource names or many columns push past the
.maincontainer boundaries.Expected Behavior
Tables should be horizontally scrollable within their container without breaking the page layout.
Fix Approach
overflow-x: autowrapper around all tablestable-layout: fixedormax-width: 100%on tablesword-break: break-wordortext-overflow: ellipsisfor long resource namesAcceptance Criteria
.maincontainer at any viewport width