Fix dashboard spacing and stabilize coverage CI

Author: mohsinht

scripts/run-workflow.mjs

@@ -29,7 +29,9 @@ function parseOptions(argv) {
 export function commandAdapter(command, prompt, timeoutMs = 120000) {
   if (!command.length) throw new Error("The command adapter requires an executable after --.")
   return new Promise((resolve, reject) => {
-    const child = spawn(command[0], command.slice(1), { shell: false, stdio: ["pipe", "pipe", "pipe"], env: process.env })
+    const childEnv = { ...process.env }
+    delete childEnv.NODE_V8_COVERAGE
+    const child = spawn(command[0], command.slice(1), { shell: false, stdio: ["pipe", "pipe", "pipe"], env: childEnv })
     const output = []
     let bytes = 0
     let timedOut = false

src/layout-fixes.css

@@ -0,0 +1,26 @@
+/* Wide dashboard rows should read as deliberate sections, not leave page-sized holes
+   when one supporting card is shorter than its neighbor. Keep mobile and focused
+   layouts content-sized, and balance the interior space of short chart/goal cards. */
+@media (min-width: 1280px) {
+  [data-layout="dashboard"] > [data-kind] {
+    align-self: stretch;
+  }
+
+  [data-layout="dashboard"] > [data-kind="bar-chart"],
+  [data-layout="dashboard"] > [data-kind="progress"] {
+    display: flex;
+    flex-direction: column;
+  }
+
+  [data-layout="dashboard"] > [data-kind="bar-chart"] > :last-child,
+  [data-layout="dashboard"] > [data-kind="progress"] > :last-child {
+    display: flex;
+    flex: 1;
+    align-items: center;
+  }
+
+  [data-layout="dashboard"] > [data-kind="bar-chart"] > :last-child > *,
+  [data-layout="dashboard"] > [data-kind="progress"] > :last-child > * {
+    width: 100%;
+  }
+}

src/main.tsx

@@ -2,6 +2,7 @@ import { StrictMode } from "react"
 import { createRoot } from "react-dom/client"
 import { App } from "@/App"
 import "@/index.css"
+import "@/layout-fixes.css"
 
 createRoot(document.getElementById("root")!).render(
   <StrictMode>