show whitespace for hidden fields

src/app/vault/view.component.html

@@ -209,7 +209,7 @@
                             {{field.value || ' '}}
                         </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">

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 {