Feat/wallet connect phase1

src/components/Confirm/AddNetwork/AddNetwork.vue

@@ -18,7 +18,7 @@
       </v-flex>
     </v-layout>
     <v-divider class="mx-6"></v-divider>
-    <v-layout wrap align-center ma-6>
+    <v-layout wrap align-center pa-6>
       <v-flex xs12 mb-2>
         <div class="caption mb-2 text_2--text">{{ t('dappProvider.requestFrom') }}</div>
 

src/components/Confirm/ConfirmForm/ConfirmForm.vue

@@ -380,7 +380,7 @@
         </v-flex>
       </v-layout>
       <v-layout wrap>
-        <v-flex xs12 mt-8 mx-6>
+        <v-flex xs12 my-8 mx-6>
           <v-layout mx-n2>
             <v-flex xs6 px-2>
               <v-btn block text large class="text_2--text" @click="triggerDeny">

src/components/Confirm/NetworkSwitch/NetworkSwitch.vue

@@ -18,7 +18,7 @@
       </v-flex>
     </v-layout>
     <v-divider class="mx-6"></v-divider>
-    <v-layout wrap align-center ma-6>
+    <v-layout wrap align-center pa-6>
       <v-flex xs12 mb-2>
         <div class="caption mb-2 text_2--text">{{ t('dappProvider.requestFrom') }}</div>
 

src/components/helpers/QuickAddress/QuickAddress.vue

@@ -1,6 +1,9 @@
 <template>
   <div class="quick-address d-flex align-center">
     <div class="ml-auto">
+      <WalletConnectModal />
+    </div>
+    <div class="ml-2">
       <ShowToolTip :address="selectedAddress">
         <v-btn small class="address-btn" aria-label="Copy Address">
           <v-icon left size="9">$vuetify.icons.address</v-icon>
@@ -22,9 +25,10 @@ import { mapState } from 'vuex'
 import { apiStreamSupported, toChecksumAddressByChainId } from '../../../utils/utils'
 import ExportQrCode from '../ExportQrCode'
 import ShowToolTip from '../ShowToolTip'
+import WalletConnectModal from '../WalletConnectModal'
 
 export default {
-  components: { ExportQrCode, ShowToolTip },
+  components: { ExportQrCode, ShowToolTip, WalletConnectModal },
   computed: {
     ...mapState({
       selectedAddress(state) {