merge #2722 from logs-break-lines

node logs: break lines

js/src/views/Status/components/Debug/Debug.css

@@ -37,7 +37,11 @@
 }
 
 .logs {
-  width: 100%;
+  margin: 0;
+  max-width: 100%;
+  white-space: pre-line;
+  word-wrap: break-word;
+  color: #aaa;
 }
 
 .stopped {
@@ -45,13 +49,6 @@
   padding: 1em 0;
 }
 
-.log {
-  margin: 0;
-  white-space: nowrap;
-  overflow: visible;
-  color: #aaa;
-}
-
 .container {
   width: 100%;
 }

js/src/views/Status/components/Debug/Debug.js

@@ -72,16 +72,10 @@ export default class Debug extends Component {
       return null;
     }
 
-    const logs = devLogs.map((log, idx) => (
-      <pre className={ styles.log } key={ idx }>
-        { log }
-      </pre>
-    ));
-
     return (
-      <div className={ styles.logs }>
+      <pre className={ styles.logs }>
-        { logs }
+        { devLogs.join('\n') }
-      </div>
+      </pre>
     );
   }