diff --git a/assets/css/dashboard.css b/assets/css/dashboard.css index e91ea0d..c88dc08 100644 --- a/assets/css/dashboard.css +++ b/assets/css/dashboard.css @@ -2644,14 +2644,15 @@ input[type="checkbox"]:checked { overflow-x: hidden; } -/* Ensure table doesn't overflow container */ +/* Ensure frame doesn't overflow — scrolling handled by .table-wrapper */ .dashboard-main .ascii-frame-outer { max-width: 100%; - overflow-x: auto; + overflow-x: visible; } .dashboard-main table { width: 100%; + min-width: 900px; /* trigger scroll before columns collapse */ table-layout: auto; } @@ -4643,11 +4644,14 @@ table td:nth-child(4) { /* ===== ENHANCED MOBILE RESPONSIVE STYLES ===== */ -/* Table wrapper - no horizontal scrolling, content wraps */ +/* Table wrapper - horizontal scroll when table overflows container */ .table-wrapper { - overflow-x: visible; - margin: 0 -0.5rem; - padding: 0 0.5rem; + overflow-x: auto; + overflow-y: visible; + margin: 0; + padding: 0; + /* Subtle scroll hint via gradient on right edge */ + -webkit-overflow-scrolling: touch; } @media (max-width: 768px) {