From 63b4ccacde0f2eed25a3c83c2131f434504a5dbe Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+shamoon@users.noreply.github.com>
Date: Thu, 11 Mar 2021 16:03:17 -0800
Subject: [PATCH] Fix log lines hidden on narrow screens

---
 .../src/app/components/manage/logs/logs.component.html |  2 +-
 .../src/app/components/manage/logs/logs.component.scss | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src-ui/src/app/components/manage/logs/logs.component.html b/src-ui/src/app/components/manage/logs/logs.component.html
index 56ffd25bb..5b2d198c9 100644
--- a/src-ui/src/app/components/manage/logs/logs.component.html
+++ b/src-ui/src/app/components/manage/logs/logs.component.html
@@ -14,5 +14,5 @@
 <div class="bg-dark p-3 mb-3 text-light text-monospace log-container">
   <p
     class="m-0 p-0 log-entry-{{getLogLevel(log)}}"
-    *ngFor="let log of logs" style="white-space: pre;">{{log}}</p>
+    *ngFor="let log of logs">{{log}}</p>
 </div>
diff --git a/src-ui/src/app/components/manage/logs/logs.component.scss b/src-ui/src/app/components/manage/logs/logs.component.scss
index a99506c12..aae238167 100644
--- a/src-ui/src/app/components/manage/logs/logs.component.scss
+++ b/src-ui/src/app/components/manage/logs/logs.component.scss
@@ -16,9 +16,11 @@
 }
 
 .log-container {
-
-  overflow: scroll;
-
+  overflow-y: scroll;
   height: calc(100vh - 190px);
   top: 70px;
-}
\ No newline at end of file
+
+  p {
+    white-space: pre-wrap;
+  }
+}