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 @@
-
+