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 1/2] 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>
     );
   }
 

From c4b60b855285f3ee7c1a81fef8cf947c48b59884 Mon Sep 17 00:00:00 2001
From: Jannis R <mail@jannisr.de>
Date: Wed, 19 Oct 2016 14:03:33 +0200
Subject: [PATCH 2/2] fix styling :sparkles:

---
 js/src/views/Status/components/Debug/Debug.css | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/js/src/views/Status/components/Debug/Debug.css b/js/src/views/Status/components/Debug/Debug.css
index 483f451e6..9db3d2b5b 100644
--- a/js/src/views/Status/components/Debug/Debug.css
+++ b/js/src/views/Status/components/Debug/Debug.css
@@ -37,9 +37,11 @@
 }
 
 .logs {
+  margin: 0;
   max-width: 100%;
   white-space: pre-line;
   word-wrap: break-word;
+  color: #aaa;
 }
 
 .stopped {
@@ -47,13 +49,6 @@
   padding: 1em 0;
 }
 
-.log {
-  margin: 0;
-  white-space: nowrap;
-  overflow: visible;
-  color: #aaa;
-}
-
 .container {
   width: 100%;
 }