From 6c6ad6d6604d291089778b2c4ea3919a9e24183f Mon Sep 17 00:00:00 2001
From: Jannis R <mail@jannisr.de>
Date: Wed, 19 Oct 2016 13:36:08 +0200
Subject: [PATCH] node logs: break lines

---
 js/src/views/Status/components/Debug/Debug.css |  4 +++-
 js/src/views/Status/components/Debug/Debug.js  | 12 +++---------
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/js/src/views/Status/components/Debug/Debug.css b/js/src/views/Status/components/Debug/Debug.css
index 4e765cce6..483f451e6 100644
--- a/js/src/views/Status/components/Debug/Debug.css
+++ b/js/src/views/Status/components/Debug/Debug.css
@@ -37,7 +37,9 @@
 }
 
 .logs {
-  width: 100%;
+  max-width: 100%;
+  white-space: pre-line;
+  word-wrap: break-word;
 }
 
 .stopped {
diff --git a/js/src/views/Status/components/Debug/Debug.js b/js/src/views/Status/components/Debug/Debug.js
index e6f736c35..29cc267b9 100644
--- a/js/src/views/Status/components/Debug/Debug.js
+++ b/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 }>
-        { logs }
-      </div>
+      <pre className={ styles.logs }>
+        { devLogs.join('\n') }
+      </pre>
     );
   }