From cbdc60a28ca984df773a7c1a80139bc6bf5fb3d5 Mon Sep 17 00:00:00 2001
From: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>
Date: Thu, 1 Feb 2024 16:49:22 +0000
Subject: [PATCH] fix(site): text overflow on batch ws deletion

---
 .../BatchDeleteConfirmation.tsx               | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/site/src/pages/WorkspacesPage/BatchDeleteConfirmation.tsx b/site/src/pages/WorkspacesPage/BatchDeleteConfirmation.tsx
index b735326cc0e44..8eddd9b637f6c 100644
--- a/site/src/pages/WorkspacesPage/BatchDeleteConfirmation.tsx
+++ b/site/src/pages/WorkspacesPage/BatchDeleteConfirmation.tsx
@@ -157,28 +157,39 @@ const Workspaces: FC<StageProps> = ({ workspaces }) => {
               direction="row"
               alignItems="center"
               justifyContent="space-between"
+              spacing={3}
             >
               <span
                 css={{ fontWeight: 500, color: theme.experimental.l1.text }}
               >
                 {workspace.name}
               </span>
-              <Stack css={{ gap: 0, fontSize: 14, width: 128 }}>
-                <Stack direction="row" alignItems="center" spacing={1}>
-                  <PersonIcon />
+              <Stack css={{ gap: 0, fontSize: 14 }} justifyContent="flex-end">
+                <Stack
+                  direction="row"
+                  alignItems="center"
+                  justifyContent="flex-end"
+                  spacing={1}
+                >
                   <span
                     css={{ whiteSpace: "nowrap", textOverflow: "ellipsis" }}
                   >
                     {workspace.owner_name}
                   </span>
+                  <PersonIcon />
                 </Stack>
-                <Stack direction="row" alignItems="center" spacing={1}>
-                  <ScheduleIcon css={styles.summaryIcon} />
+                <Stack
+                  direction="row"
+                  alignItems="center"
+                  spacing={1}
+                  justifyContent="flex-end"
+                >
                   <span
                     css={{ whiteSpace: "nowrap", textOverflow: "ellipsis" }}
                   >
                     {dayjs(workspace.last_used_at).fromNow()}
                   </span>
+                  <ScheduleIcon css={styles.summaryIcon} />
                 </Stack>
               </Stack>
             </Stack>