From ea54dac13009417c9346c4780c354018a464f7ab Mon Sep 17 00:00:00 2001
From: Julius Volz <julius.volz@gmail.com>
Date: Wed, 17 Jul 2024 11:31:32 +0200
Subject: [PATCH] DataTable: color timestamps gray

Signed-off-by: Julius Volz <julius.volz@gmail.com>
---
 web/ui/mantine-ui/src/pages/query/DataTable.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/web/ui/mantine-ui/src/pages/query/DataTable.tsx b/web/ui/mantine-ui/src/pages/query/DataTable.tsx
index e401edea12..92c0607f24 100644
--- a/web/ui/mantine-ui/src/pages/query/DataTable.tsx
+++ b/web/ui/mantine-ui/src/pages/query/DataTable.tsx
@@ -9,6 +9,7 @@ import {
   ScrollArea,
   Group,
   Stack,
+  Text,
 } from "@mantine/core";
 import { IconAlertTriangle, IconInfoCircle } from "@tabler/icons-react";
 import {
@@ -168,12 +169,15 @@ const DataTable: FC<DataTableProps> = ({ expr, evalTime, retriggerIdx }) => {
                   {s.values &&
                     s.values.map((v, idx) => (
                       <div key={idx}>
-                        {v[1]} @{" "}
-                        {
-                          <span title={formatTimestamp(v[0], useLocalTime)}>
-                            {v[0]}
-                          </span>
-                        }
+                        {v[1]}{" "}
+                        <Text
+                          span
+                          c="gray.7"
+                          size="1em"
+                          title={formatTimestamp(v[0], useLocalTime)}
+                        >
+                          @ {v[0]}
+                        </Text>
                       </div>
                     ))}
                 </Table.Td>