From e64b19e3f46661a411bb4853a55a8a620f3e2aef Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Wed, 31 Jan 2018 20:42:56 -0500
Subject: [PATCH] no items icon

---
 src/app/vault/ciphers.component.html | 1 +
 src/scss/vault.scss                  | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/src/app/vault/ciphers.component.html b/src/app/vault/ciphers.component.html
index a1374ff6e8..1f3d7c9bfa 100644
--- a/src/app/vault/ciphers.component.html
+++ b/src/app/vault/ciphers.component.html
@@ -22,6 +22,7 @@
             </a>
         </div>
         <div *ngIf="searchedCiphers.length === 0" class="no-items">
+            <i class="fa fa-frown-o fa-4x"></i>
             <p>{{'noItemsInList' | i18n}}</p>
             <button (click)="addCipher()" class="btn block primary link">{{'addItem' | i18n}}</button>
         </div>
diff --git a/src/scss/vault.scss b/src/scss/vault.scss
index b215d9fb4a..ea696de4af 100644
--- a/src/scss/vault.scss
+++ b/src/scss/vault.scss
@@ -115,6 +115,11 @@
             align-items: center;
             text-align: center;
             padding: 0 10px;
+
+            .fa {
+                margin-bottom: 10px;
+                color: $list-icon-color;
+            }
         }
     }