Improved bitpay account pairing and management of paired state and data.

src/sass/views/bitpayCardIntro.scss

@@ -1,4 +1,5 @@
 #bitpayCard-intro {
+  @extend .deflash-blue;
   background: url(../img/onboarding-welcome-bg.png), linear-gradient(to bottom, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
   background-position: top center;
   background-size: contain;

src/sass/views/bitpayServicesPreferences.scss

@@ -1,4 +1,4 @@
-#bitpayCardPreferences {
+#bitpayServicesPreferences {
   .item {
 	  .item-title {
 	    display: block;
@@ -14,9 +14,13 @@
 	  &.item-icon-right {
 		  .icon-hotspot {
 				right: 0px;
-				padding-left: 11px;
-				padding-right: 11px;
-		  }
+    		padding-left: 50px;
+ 		  }
+	  }
+	  .icon-unlink {
+	    background-image: url("../img/icon-unlink.svg");
+	    background-repeat: no-repeat;
+	    background-position: center;
 	  }
   }
 }

src/sass/views/includes/accountSelector.scss

@@ -0,0 +1,79 @@
+account-selector {
+
+  $border-color: #EFEFEF;
+  text-align: left;
+
+  .bp-action-sheet__sheet {
+    padding-left: 2rem;
+    padding-right: .75rem;
+  }
+
+  .account-selector {
+    .account {
+      border: 0;
+      padding-right: 0;
+      padding-top: 0;
+      padding-left: 65px;
+      padding-bottom: 0;
+      margin-bottom: 1px;
+      overflow: visible;
+
+      > i {
+        padding: 0;
+        margin-left: -5px;
+
+        > img {
+          height: 39px;
+          width: 39px;
+          padding: 4px;
+          background-color: $royal;
+
+          &.icon-add {
+            background-color: $light-gray;
+          }
+
+        }
+      }
+    }
+    .account-inner {
+      display: flex;
+      position: relative;
+      padding-top: 16px;
+      padding-bottom: 16px;
+
+      &::after {
+        display: block;
+        position: absolute;
+        width: 100%;
+        height: 1px;
+        background: $border-color;
+        bottom: 0;
+        right: 0;
+        content: '';
+      }
+
+      .check {
+        padding: 0 1.2rem;
+      }
+    }
+    .account-details {
+      flex-grow: 1;
+
+      .account-name {
+        padding-bottom: 5px;
+      }
+
+      .account-email {
+        color: #3A3A3A;
+        font-family: "Roboto-Light";
+      }
+
+      .account-add {
+        padding-bottom: 16px;
+        padding-top: 11px;
+      }
+
+    }
+  }
+
+}

src/sass/views/tab-settings.scss

@@ -1,8 +1,7 @@
 .settings {
   @extend .deflash-blue;
-  .icon-bitpay-card {
-    background-image: url("../img/icon-card.svg");
-    background-color: #1e3186;
+  .icon-bitpay {
+    background-image: url("../img/icon-bitpay.svg");
   }
   .item {
     color: $dark-gray;

src/sass/views/views.scss

@@ -14,8 +14,8 @@
 @import "advancedSettings";
 @import "bitpayCard";
 @import "bitpayCardIntro";
-@import "bitpayCardPreferences";
 @import "buyandsell";
+@import "bitpayServicesPreferences";
 @import "address-book";
 @import "addresses";
 @import "wallet-backup-phrase";
@@ -42,5 +42,6 @@
 @import "includes/tx-status";
 @import "includes/itemSelector";
 @import "includes/walletSelector";
+@import "includes/accountSelector";
 @import "integrations/integrations";
 @import "custom-amount";