dashbird beter ui

apps/admin-panel/src/assets/styles/utilities.less

@@ -102,6 +102,11 @@ body #app .ant-card {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
 }
 
+// ── Sidebar menu selection colour ────────────────────────────────────
+body #app .ant-menu-item-selected {
+  background-color: #f1f1f1;
+}
+
 // ── Full-height list pages ──────────────────────────────────────────
 // Main.vue stretches #content-area/.content-area__content to fill the
 // viewport below the navbar; the routed page's own root needs to pick that

apps/admin-panel/src/views/Dashboard.vue

@@ -239,7 +239,14 @@ const trendChartOptions = computed(() => ({
   legend: { position: 'top', horizontalAlign: 'right' },
   xaxis: {
     categories: (data.ordersTrend ?? []).map((d: OrdersTrendPoint) => jdate(d.date)),
-    labels: { rotate: 0 },
+    // 30 daily labels overlap at rotate: 0 (see screenshot); angle them so
+    // each date stays legible instead of running into its neighbours.
+    labels: {
+      rotate: -45,
+      rotateAlways: true,
+      hideOverlappingLabels: true,
+      style: { fontSize: '12px', fontWeight: 500 },
+    },
   },
   tooltip: { shared: true },
 }));