fix(site): fix text overflow on batch ws deletion (#11981)

BrunoQuaresma · web-flow · commit 96346525e0eb · 2024-02-01T14:02:08.000-03:00
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">
diff --git 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>
