From 4c967e34c6d5421bfc8da35cd6501f996e3dff28 Mon Sep 17 00:00:00 2001
From: garethgeorge <garethgeorge97@gmail.com>
Date: Sun, 18 Aug 2024 12:57:58 -0700
Subject: [PATCH] fix: reformat tags row in operation list

---
 webui/src/components/OperationRow.tsx | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/webui/src/components/OperationRow.tsx b/webui/src/components/OperationRow.tsx
index f5db7801..ec43f9b6 100644
--- a/webui/src/components/OperationRow.tsx
+++ b/webui/src/components/OperationRow.tsx
@@ -323,21 +323,16 @@ const SnapshotDetails = ({ snapshot }: { snapshot: ResticSnapshot }) => {
 
   const rows: React.ReactNode[] = [
     <Row gutter={16} key={1}>
-      <Col span={8}>
+      <Col span={12}>
         <Typography.Text strong>Host</Typography.Text>
         <br />
         {snapshot.hostname}
       </Col>
-      <Col span={8}>
+      <Col span={12}>
         <Typography.Text strong>Username</Typography.Text>
         <br />
         {snapshot.hostname}
       </Col>
-      <Col span={8}>
-        <Typography.Text strong>Tags</Typography.Text>
-        <br />
-        {snapshot.tags?.join(", ")}
-      </Col>
     </Row>,
   ];
 
@@ -393,7 +388,10 @@ const SnapshotDetails = ({ snapshot }: { snapshot: ResticSnapshot }) => {
     <>
       <Typography.Text>
         <Typography.Text strong>Snapshot ID: </Typography.Text>
-        {normalizeSnapshotId(snapshot.id!)} {rows}
+        {normalizeSnapshotId(snapshot.id!)} <br />
+        <Typography.Text strong>Tags: </Typography.Text>
+        {snapshot.tags?.join(", ")}
+        {rows}
       </Typography.Text>
     </>
   );