From ccc39e0e55f3e0422a3218c098e71d71533dbfd1 Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+shamoon@users.noreply.github.com>
Date: Thu, 11 Mar 2021 16:03:00 -0800
Subject: [PATCH 1/2] Fix illegible logged in as in dark mode

---
 src-ui/src/app/components/app-frame/app-frame.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src-ui/src/app/components/app-frame/app-frame.component.html b/src-ui/src/app/components/app-frame/app-frame.component.html
index e17e21e03..96ca1382c 100644
--- a/src-ui/src/app/components/app-frame/app-frame.component.html
+++ b/src-ui/src/app/components/app-frame/app-frame.component.html
@@ -31,7 +31,7 @@
       </button>
       <div ngbDropdownMenu class="dropdown-menu-right shadow mr-2" aria-labelledby="userDropdown">
         <div *ngIf="displayName" class="d-sm-none">
-          <p class="small mb-0 px-3" i18n>Logged in as {{displayName}}</p>
+          <p class="small mb-0 px-3 text-muted" i18n>Logged in as {{displayName}}</p>
           <div class="dropdown-divider"></div>
         </div>
         <a ngbDropdownItem class="nav-link" routerLink="settings" (click)="closeMenu()">

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