Updated UI

client/src/views/Dashboard.vue

@@ -9,7 +9,6 @@ import MetricCard       from '../components/MetricCard.vue'
 import GraphModal       from '../components/GraphModal.vue'
 
 const props = defineProps<{ dark: boolean }>()
-
 const selectedMetric = ref<string | null>(null)
 let   interval: ReturnType<typeof setInterval>
 
@@ -73,9 +72,15 @@ const groupedMetrics = computed(() => {
 }
 
 .metric-grid {
-	display: grid;
-	grid-template-columns: 1fr 1fr;
+	display: flex;
+	flex-wrap: wrap;
 	gap: 8px;
+	min-width: 0;
+
+	> * {
+		flex: 1 1 140px;  // grow, shrink, min width before wrapping
+		min-width: 0;
+	}
 }
 
 .loading-bar {
@@ -96,6 +101,7 @@ const groupedMetrics = computed(() => {
 	.dashboard {
 		flex-direction: column;
 		overflow-y: auto;
+		overflow-x: hidden;  // ← added
 		height: 100dvh;
 	}
 
@@ -113,7 +119,9 @@ const groupedMetrics = computed(() => {
 		border-left: none;
 		border-top: 1px solid var(--border);
 		overflow-y: visible;
+		overflow-x: hidden;  // ← added
 		-webkit-overflow-scrolling: touch;
+		box-sizing: border-box;  // ← added
 
 		&::before { display: none; }
 		&::-webkit-scrollbar { display: none; }