diff --git a/manual_trading_hub/static/app.css b/manual_trading_hub/static/app.css index a4f6024..f9974da 100644 --- a/manual_trading_hub/static/app.css +++ b/manual_trading_hub/static/app.css @@ -5902,7 +5902,7 @@ html[data-theme="light"] .funds-chart-panel { } .funds-accounts { display: grid; - grid-template-columns: repeat(4, minmax(0, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 12px; padding: 4px 0 12px; } @@ -6141,11 +6141,6 @@ html[data-theme="light"] .funds-fs-panel { body.funds-fullscreen-open { overflow: hidden; } -@media (max-width: 1100px) { - .funds-accounts { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} @media (max-width: 720px) { .funds-accounts { grid-template-columns: minmax(0, 1fr); diff --git a/manual_trading_hub/static/dashboard.css b/manual_trading_hub/static/dashboard.css index 4ce991e..3b95eb8 100644 --- a/manual_trading_hub/static/dashboard.css +++ b/manual_trading_hub/static/dashboard.css @@ -209,7 +209,7 @@ body.hub-page-dashboard .page#page-dashboard { .dash-ac-grid { display: grid; - grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 12px; padding: 14px; }