From aaa368efd043d6609b238d6bbba1007742138d0c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gabriel=20Baz=C3=A1n?= <gabrielbazan7@hotmail.com>
Date: Mon, 13 Mar 2017 15:36:43 -0300
Subject: [PATCH] improve UI for pass switch when is disabled

---
 src/sass/views/tab-settings.scss | 3 +++
 www/views/preferences.html       | 5 ++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/sass/views/tab-settings.scss b/src/sass/views/tab-settings.scss
index c77c2f679..b31dca0fa 100644
--- a/src/sass/views/tab-settings.scss
+++ b/src/sass/views/tab-settings.scss
@@ -3,6 +3,9 @@
   .icon-bitpay {
     background-image: url("../img/icon-bitpay.svg");
   }
+  .disabled {
+    color: $v-light-gray;
+  }
   .item {
     color: $v-dark-gray;
     border-color: rgba(221, 221, 221, 0.3);
diff --git a/www/views/preferences.html b/www/views/preferences.html
index e34c6c946..08d01ccc0 100644
--- a/www/views/preferences.html
+++ b/www/views/preferences.html
@@ -50,10 +50,13 @@
       </a>
       <div ng-show="wallet.canSign()">
         <ion-toggle ng-model="encryptEnabled.value" toggle-class="toggle-balanced" ng-change="encryptChange()" ng-disabled="wallet.needsBackup">
-          <span class="toggle-label" translate>Request Spending Password</span>
+          <span ng-class="{'disabled': wallet.needsBackup}" class="toggle-label" translate>Request Spending Password</span><br>
         </ion-toggle>
         <div class="comment" translate>
           If enabled, all sensitive information (private key and recovery phrase) and actions (spending and exporting) associated with this wallet will be protected.
+          <span class="text-light assertive" ng-show="wallet.needsBackup">
+            {{'Complete the backup process to use this option' | translate}}
+          </span>
         </div>
       </div>
       <div ng-show="wallet.canSign() && touchIdAvailable">