修复移动布局错误

public/css/style.css

@@ -2212,25 +2212,33 @@ input:checked+.slider:before {
   }
 
   .metric-item-header {
-    padding: 10px 12px;
-    flex-wrap: wrap;
-    gap: 8px;
+    padding: 10px 14px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+    flex-wrap: nowrap; /* Force single line as requested */
   }
 
   .metric-label-group {
-    flex-wrap: wrap;
-    gap: 6px;
-    flex: 1;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-wrap: nowrap;
     min-width: 0;
   }
 
   .metric-label {
-    font-size: 0.85rem;
-    white-space: normal;
+    font-size: 0.82rem;
+    white-space: nowrap; /* Don't wrap */
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   .metric-value {
-    font-size: 0.88rem;
+    font-size: 0.85rem;
+    white-space: nowrap;
+    flex-shrink: 0;
   }
 
   .chart-controls {
@@ -2460,6 +2468,41 @@ input:checked+.slider:before {
     height: 160px;
   }
 
+  .source-select {
+    display: none !important;
+  }
+
+  .server-table th,
+  .server-table td {
+    white-space: nowrap;
+  }
+
+  /* Server Detail Modal Full Screen for better fit on phone */
+  #serverDetailModal .modal {
+    width: 100% !important;
+    max-width: 100% !important;
+    height: 100vh !important;
+    max-height: 100vh !important;
+    border-radius: 0 !important;
+    margin: 0 !important;
+    top: 0 !important;
+    left: 0 !important;
+    transform: none !important;
+  }
+
+  #serverDetailModal .modal-body {
+    max-height: calc(100vh - 60px) !important;
+  }
+
+  /* Metric titles no wrap (as requested) */
+  .metric-item-header, .metric-label-group {
+    flex-wrap: nowrap !important;
+  }
+
+  .metric-label {
+    white-space: nowrap !important;
+  }
+
   /* -- Modal full width -- */
   .modal {
     width: 100%;