From 6da2f5d18b71d10ac8164aaf7711c851c0df9a69 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Thu, 22 Sep 2016 15:21:54 -0400
Subject: [PATCH] style sweet alerts. toggle password icon on view site

---
 src/popup/app/vault/views/vaultViewSite.html | 2 +-
 src/popup/less/plugins.less                  | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/popup/app/vault/views/vaultViewSite.html b/src/popup/app/vault/views/vaultViewSite.html
index 8696559c40..2c7ecf4a9d 100644
--- a/src/popup/app/vault/views/vaultViewSite.html
+++ b/src/popup/app/vault/views/vaultViewSite.html
@@ -40,7 +40,7 @@
                         <i class="fa fa-lg fa-clipboard"></i>
                     </a>
                     <a class="btn-list" href="" title="Toggle Password" ng-click="togglePassword()">
-                        <i class="fa fa-lg fa-eye"></i>
+                        <i class="fa fa-lg" ng-class="[{'fa-eye': !showPassword}, {'fa-eye-slash': showPassword}]"></i>
                     </a>
                     <span class="item-label">Password</span>
                     <span ng-show="!showPassword">{{site.maskedPassword}}</span>
diff --git a/src/popup/less/plugins.less b/src/popup/less/plugins.less
index f2a81a9676..e7ea270db0 100644
--- a/src/popup/less/plugins.less
+++ b/src/popup/less/plugins.less
@@ -91,11 +91,15 @@
     p {
         color: @text-color;
         font-weight: normal;
+        font-size: @font-size-base;
+        color: @text-color;
     }
 
     h2 {
         line-height: 30px;
         font-size: 25px;
+        margin: 0 0 20px 0;
+        color: @text-color;
     }
 
     .sa-icon.sa-error {
@@ -134,6 +138,7 @@
         border-radius: 0;
         -webkit-border-radius: 0;
         -moz-border-radius: 0;
+        font-weight: normal;
 
         &.confirm, &.confirm:hover {
             background-color: @brand-primary !important;