From 0ad4a5983e73622d3a25df945084448e86d9c323 Mon Sep 17 00:00:00 2001
From: Maximilian Hils <git@maximilianhils.com>
Date: Mon, 18 Oct 2021 15:11:51 +0200
Subject: [PATCH] web: update timestamp column style, fix #4092

---
 web/src/css/flowtable.less                                    | 4 ++--
 .../FlowTable/__snapshots__/FlowColumnsSpec.tsx.snap          | 2 +-
 web/src/js/components/FlowTable/FlowColumns.tsx               | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/css/flowtable.less b/web/src/css/flowtable.less
index c251ff888..b3c21aad6 100644
--- a/web/src/css/flowtable.less
+++ b/web/src/css/flowtable.less
@@ -152,10 +152,10 @@
     }
 
     .col-timestamp {
-        width: auto;
+        width: 170px;
     }
 
-    td.col-time, td.col-size {
+    td.col-time, td.col-size, td.col-timestamp {
         text-align: right;
     }
 
diff --git a/web/src/js/__tests__/components/FlowTable/__snapshots__/FlowColumnsSpec.tsx.snap b/web/src/js/__tests__/components/FlowTable/__snapshots__/FlowColumnsSpec.tsx.snap
index aee2cf2d7..923d67e12 100644
--- a/web/src/js/__tests__/components/FlowTable/__snapshots__/FlowColumnsSpec.tsx.snap
+++ b/web/src/js/__tests__/components/FlowTable/__snapshots__/FlowColumnsSpec.tsx.snap
@@ -278,7 +278,7 @@ exports[`should render columns: timestamp 1`] = `
     <tbody>
       <tr>
         <td
-          class="col-start"
+          class="col-timestamp"
         >
           1999-12-31 23:00:00.000
         </td>
diff --git a/web/src/js/components/FlowTable/FlowColumns.tsx b/web/src/js/components/FlowTable/FlowColumns.tsx
index e795c83b2..419e19518 100644
--- a/web/src/js/components/FlowTable/FlowColumns.tsx
+++ b/web/src/js/components/FlowTable/FlowColumns.tsx
@@ -169,7 +169,7 @@ time.sortKey = flow => {
 export const timestamp: FlowColumn = ({flow}) => {
     const start = startTime(flow);
     return (
-        <td className="col-start">
+        <td className="col-timestamp">
             {start ? (
                 formatTimeStamp(start)
             ) : (