From 0bdf2a3e772afa4db164d87af489dd10c127aee8 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Tue, 13 Jun 2017 12:21:44 -0400
Subject: [PATCH] "pre" style notes view with overflow-x scrolling

---
 src/popup/app/vault/views/vaultViewLogin.html |  4 +---
 src/popup/less/components.less                | 10 +++++++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/popup/app/vault/views/vaultViewLogin.html b/src/popup/app/vault/views/vaultViewLogin.html
index 6919b15b343..0e4b20fa974 100644
--- a/src/popup/app/vault/views/vaultViewLogin.html
+++ b/src/popup/app/vault/views/vaultViewLogin.html
@@ -54,9 +54,7 @@
                 {{i18n.notes}}
             </div>
             <div class="list-section-items">
-                <div class="list-section-item">
-                    {{login.notes}}
-                </div>
+                <div class="list-section-item pre">{{login.notes}}</div>
             </div>
         </div>
     </div>
diff --git a/src/popup/less/components.less b/src/popup/less/components.less
index f6767d25775..e59cbbf4e67 100644
--- a/src/popup/less/components.less
+++ b/src/popup/less/components.less
@@ -238,7 +238,15 @@
         color: @text-color;
         position: relative;
         z-index: 1;
-        &:extend(.clearfix all);
+
+        &:not(.pre) {
+            &:extend(.clearfix all);
+        }
+
+        &.pre {
+            white-space: pre;
+            overflow-x: auto;
+        }
 
         &.text-primary {
             color: @brand-primary !important;