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

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

diff --git a/src/app/vault/view.component.html b/src/app/vault/view.component.html
index a968d5eb..491bd7bd 100644
--- a/src/app/vault/view.component.html
+++ b/src/app/vault/view.component.html
@@ -209,7 +209,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">
diff --git a/src/scss/misc.scss b/src/scss/misc.scss
index 805938e4..c1dc6688 100644
--- a/src/scss/misc.scss
+++ b/src/scss/misc.scss
@@ -92,6 +92,10 @@ p.lead {
     font-family: $font-family-monospace;
 }
 
+.show-whitespace {
+    white-space: pre-wrap;
+}
+
 .sr-only {
     position: absolute !important;
     width: 1px !important;
@@ -182,6 +186,10 @@ p.lead {
 .password-wrapper {
     display: flex !important;
     flex-wrap: wrap;
+
+    span {
+        white-space: pre;
+    }
 }
 
 .password-number {