Merge pull request #201 from Bitcoin-com/wallet/task/419

Wallet/task/419 in 363 for testing (fix the issue)

src/sass/main.scss

@@ -5,6 +5,7 @@
 @import "icons";
 @import "buttons";
 @import "forms";
+@import "qr";
 @import "mixins/mixins";
 @import "views/views";
 @import "directives/directives";

src/sass/qr.scss

@@ -0,0 +1,20 @@
+qrcode {
+  &.qr-icon {
+    &::before {
+      content: "";
+      background-size: 100% 100%;
+      display: block;
+      margin-left: calc(50% - 22px);
+      margin-top: 88px;
+      width: 44px;
+      height: 44px;
+      position: absolute;
+    }
+    &--bch::before {
+      background-image: url('../img/qr-overlay-bch.png');
+    }
+    &--btc::before {
+      background-image: url('../img/qr-overlay-btc.png');
+    }
+  }
+}

src/sass/views/includes/slideToAcceptSuccess.scss

@@ -86,6 +86,9 @@ slide-to-accept-success {
       transition: transform $duration ease, opacity $duration ease;
       transition-delay: 250ms;
 
+      margin-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
+      margin-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */
+
       &.reveal {
         -webkit-transform: translateY(0);
         transform: translateY(0);

src/sass/views/includes/walletSelector.scss

@@ -12,6 +12,11 @@ wallet-selector {
     font-weight: bold;
     padding-bottom: 10px;
     border-bottom: 1px solid #EFEFEF;
+    .subtitle {
+      color: $v-mid-gray;
+        font-size: $font-size-small;
+        font-weight: 300;
+    }
     .wallet-coin-logo {
       vertical-align: middle;
       margin-right: 5px;

src/sass/views/tabs.scss

@@ -43,6 +43,11 @@
       .icon {
         color: $v-mid-gray;
       }
+      .subtitle {
+        color: $v-mid-gray;
+        font-size: $font-size-small;
+        font-weight: 300;
+      }
     }
   }
-}
+}