make wallet selector a standalone directive

src/sass/views/confirm.scss

@@ -1,60 +1,3 @@
 #view-confirm {
-  $border-color: #EFEFEF;
-  height: auto;
-  .wallet-selector {
-    .wallet {
-      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;
-        }
-      }
-    }
-    .wallet-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;
-      }
-    }
-    .wallet-details {
-      flex-grow: 1;
-
-      .wallet-name {
-        padding-bottom: 5px;
-      }
-
-      .wallet-balance {
-        color: #3A3A3A;
-        font-family: "Roboto-Light";
-      }
-
-    }
-  }
+  
 }

src/sass/views/includes/walletSelector.scss

@@ -0,0 +1,62 @@
+wallet-selector {
+  
+  $border-color: #EFEFEF;
+
+  .wallet-selector {
+    .wallet {
+      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;
+        }
+      }
+    }
+    .wallet-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;
+      }
+    }
+    .wallet-details {
+      flex-grow: 1;
+
+      .wallet-name {
+        padding-bottom: 5px;
+      }
+
+      .wallet-balance {
+        color: #3A3A3A;
+        font-family: "Roboto-Light";
+      }
+
+    }
+  }
+
+}

src/sass/views/views.scss

@@ -27,4 +27,5 @@
 @import "includes/tx-details";
 @import "includes/txp-details";
 @import "includes/tx-status";
+@import "includes/walletSelector";
 @import "integrations/coinbase.scss";