From 96346525e0eb21f9e66533ddda5202875b419072 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Thu, 1 Feb 2024 14:02:08 -0300
Subject: [PATCH] fix(site): fix text overflow on batch ws deletion (#11981)

Before:
![image](https://github.com/coder/coder/assets/3165839/723a8fd7-8f63-4712-8af1-cd442455c723)

After:
<img width="674" alt="Screenshot 2024-02-01 at 13 48 56" src="https://github.com/coder/coder/assets/3165839/91c3099e-6a11-4beb-b46b-70a9a6c4abb4">
---
 .../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 b735326cc0..8eddd9b637 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>