diff --git a/manual_trading_hub/static/app.css b/manual_trading_hub/static/app.css index 6325975..13d7aa1 100644 --- a/manual_trading_hub/static/app.css +++ b/manual_trading_hub/static/app.css @@ -1171,17 +1171,12 @@ html[data-theme="light"] .host-metric-bar { } .grid-monitor.grid-monitor-options-split .monitor-stats-card { - width: fit-content; - max-width: 100%; - margin: 0 auto; - align-self: center; + width: 100%; display: flex; flex-direction: row; align-items: center; - justify-content: center; - flex-wrap: wrap; - gap: 10px 18px; - padding: 8px 16px; + gap: 14px 18px; + padding: 8px 14px; } .grid-monitor.grid-monitor-options-split .monitor-stats-card .card-head { @@ -1192,33 +1187,32 @@ html[data-theme="light"] .host-metric-bar { .grid-monitor.grid-monitor-options-split .monitor-stats-card .card-body { padding: 0; - flex: 0 1 auto; + flex: 1; + min-width: 0; } .grid-monitor.grid-monitor-options-split .monitor-stats-card .card-title { font-size: 12px; margin: 0; - white-space: nowrap; } .grid-monitor.grid-monitor-options-split .monitor-stats-card .card-sub { font-size: 10px; margin-top: 2px; - white-space: nowrap; } .grid-monitor.grid-monitor-options-split .monitor-stats-grid { - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; - gap: 8px 10px; + display: grid; + grid-template-columns: repeat(6, minmax(0, 1fr)); + gap: 8px; + width: 100%; } .grid-monitor.grid-monitor-options-split .monitor-stat-cell { - padding: 5px 10px 4px; + padding: 5px 6px 4px; border-radius: 8px; - min-width: 88px; + min-width: 0; + text-align: center; } .grid-monitor.grid-monitor-options-split .monitor-stat-label { @@ -1326,12 +1320,12 @@ html[data-theme="light"] .host-metric-bar { @media (max-width: 1100px) { .grid-monitor.grid-monitor-options-split .monitor-stats-grid { - gap: 6px 8px; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 6px; } .grid-monitor.grid-monitor-options-split .monitor-stat-cell { - min-width: 76px; - padding: 4px 8px 3px; + padding: 4px 4px 3px; } } diff --git a/manual_trading_hub/static/index.html b/manual_trading_hub/static/index.html index 0ab420d..a5ba0d1 100644 --- a/manual_trading_hub/static/index.html +++ b/manual_trading_hub/static/index.html @@ -15,7 +15,7 @@ - +