From ca2bba5fb6153651442d51d55128e8a46872e88b Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Thu, 20 Dec 2018 23:01:17 -0500
Subject: [PATCH] show whitespace for hidden fields

---
 src/popup/scss/misc.scss            | 8 ++++++++
 src/popup/vault/view.component.html | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/popup/scss/misc.scss b/src/popup/scss/misc.scss
index 545103c46ce..d8f210d4218 100644
--- a/src/popup/scss/misc.scss
+++ b/src/popup/scss/misc.scss
@@ -120,6 +120,10 @@ p.lead {
     font-family: $font-family-monospace;
 }
 
+.show-whitespace {
+    white-space: pre-wrap;
+}
+
 .img-responsive {
     display: block;
     max-width: 100%;
@@ -144,6 +148,10 @@ p.lead {
 .password-wrapper {
     display: flex !important;
     flex-wrap: wrap;
+
+    span {
+        white-space: pre;
+    }
 }
 
 .password-number {
diff --git a/src/popup/vault/view.component.html b/src/popup/vault/view.component.html
index 66174d7f11d..6c378546720 100644
--- a/src/popup/vault/view.component.html
+++ b/src/popup/vault/view.component.html
@@ -219,7 +219,7 @@
                         {{field.value || '&nbsp;'}}
                     </div>
                     <div *ngIf="field.type === fieldType.Hidden">
-                        <span [hidden]="!field.showValue" class="monospaced">{{field.value}}</span>
+                        <span [hidden]="!field.showValue" class="monospaced show-whitespace">{{field.value}}</span>
                         <span [hidden]="field.showValue" class="monospaced">{{field.maskedValue}}</span>
                     </div>
                     <div *ngIf="field.type === fieldType.Boolean">