From 70e682cceeb56b0b0d9e02a36360dc1914c4cde3 Mon Sep 17 00:00:00 2001
From: Matt Aitken <matt@mattaitken.com>
Date: Thu, 4 Jul 2024 23:01:29 +0100
Subject: [PATCH] Tabular numbers

---
 apps/webapp/app/components/runs/v3/TaskRunsTable.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/webapp/app/components/runs/v3/TaskRunsTable.tsx b/apps/webapp/app/components/runs/v3/TaskRunsTable.tsx
index 2053ea658..c498cec29 100644
--- a/apps/webapp/app/components/runs/v3/TaskRunsTable.tsx
+++ b/apps/webapp/app/components/runs/v3/TaskRunsTable.tsx
@@ -181,7 +181,7 @@ export function TaskRunsTable({
                 <TableCell to={path}>
                   {run.startedAt ? <DateTime date={run.startedAt} /> : "–"}
                 </TableCell>
-                <TableCell to={path} actionClassName="pr-0">
+                <TableCell to={path} actionClassName="pr-0 tabular-nums">
                   <div className="flex items-center gap-1">
                     <RectangleStackIcon className="size-4 text-text-dimmed" />
                     {run.startedAt ? (
@@ -193,7 +193,7 @@ export function TaskRunsTable({
                     )}
                   </div>
                 </TableCell>
-                <TableCell to={path} actionClassName="px-1">
+                <TableCell to={path} actionClassName="px-1 tabular-nums">
                   <div className="flex items-center gap-1">
                     <ClockIcon className="size-4 text-blue-500" />
                     {run.startedAt && run.finishedAt ? (
@@ -207,7 +207,7 @@ export function TaskRunsTable({
                     )}
                   </div>
                 </TableCell>
-                <TableCell to={path} actionClassName="pl-0">
+                <TableCell to={path} actionClassName="pl-0 tabular-nums">
                   <div className="flex items-center gap-1">
                     <CpuChipIcon className="size-4 text-success" />
                     {run.usageDurationMs > 0
@@ -218,15 +218,15 @@ export function TaskRunsTable({
                   </div>
                 </TableCell>
                 {isManagedCloud && (
-                  <TableCell to={path}>
-                    {run.costInCents > 0 ? formatCurrencyAccurate(run.costInCents * 100) : "–"}
+                  <TableCell to={path} className="tabular-nums">
+                    {run.costInCents > 0 ? formatCurrencyAccurate(run.costInCents / 100) : "–"}
                   </TableCell>
                 )}
                 <TableCell to={path}>
                   {run.isTest ? (
                     <CheckIcon className="h-4 w-4 text-charcoal-400" />
                   ) : (
-                    <StopIcon className="h-4 w-4 text-charcoal-850" />
+                    <StopIcon className="h-4 w-4 text-charcoal-750" />
                   )}
                 </TableCell>
                 <TableCell to={path}>