From 1b1c91023728a19a2c7950c8b3fd00097431cc59 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <youbruno@coder.com>
Date: Fri, 12 Aug 2022 16:51:09 +0000
Subject: [PATCH] fix: CRemove unexpected break lines when copy logs

---
 site/src/components/Logs/Logs.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/site/src/components/Logs/Logs.tsx b/site/src/components/Logs/Logs.tsx
index d0103904dd034..4d45a2696b22d 100644
--- a/site/src/components/Logs/Logs.tsx
+++ b/site/src/components/Logs/Logs.tsx
@@ -21,8 +21,9 @@ export const Logs: FC<LogsProps> = ({ lines, className = "" }) => {
     <div className={combineClasses([className, styles.root])}>
       {lines.map((line, idx) => (
         <div className={styles.line} key={idx}>
-          <div className={styles.time}>{dayjs(line.time).format(`HH:mm:ss.SSS`)}</div>
-          <div>{line.output}</div>
+          <span className={styles.time}>{dayjs(line.time).format(`HH:mm:ss.SSS`)}</span>
+          &nbsp;&nbsp;&nbsp;&nbsp;
+          <span>{line.output}</span>
         </div>
       ))}
     </div>
@@ -42,12 +43,10 @@ const useStyles = makeStyles((theme) => ({
     overflowX: "auto",
   },
   line: {
-    display: "flex",
-    alignItems: "baseline",
+    whiteSpace: "nowrap",
   },
   time: {
     width: theme.spacing(12.5),
-    marginRight: theme.spacing(3),
-    flexShrink: 0,
+    display: "inline-block",
   },
 }))