From 87e01116d22378a542b4683597198bb3f428013b Mon Sep 17 00:00:00 2001
From: Zhiting Lin <zlin035@uottawa.ca>
Date: Mon, 24 Aug 2020 14:16:37 +0800
Subject: [PATCH] update the  mnemonic backup procedure

---
 src/assets/style.css                 |  2 ++
 src/views/welcome/import.vue         |  8 +++++---
 src/views/welcome/mnemonic.vue       |  4 ++--
 src/views/welcome/verifyMnemonic.vue | 16 +++++++++++-----
 4 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/assets/style.css b/src/assets/style.css
index a19ff3b..7eb71f7 100644
--- a/src/assets/style.css
+++ b/src/assets/style.css
@@ -71,6 +71,7 @@ a {
 
 .inside-warp{
   min-width: 320px;
+  max-width: 600px;
   width: 60%;
   margin-left: auto;
   margin-right: auto;
@@ -78,6 +79,7 @@ a {
 .warp {
   position: absolute;
   min-width: 320px;
+  max-width: 600px;
   width: 60%;
   height: 600px;
   margin-left: auto;
diff --git a/src/views/welcome/import.vue b/src/views/welcome/import.vue
index cd4ea9c..d0830a4 100644
--- a/src/views/welcome/import.vue
+++ b/src/views/welcome/import.vue
@@ -152,6 +152,7 @@
     color: white;
     background: #1A1A1A;
     border-radius: 4px;
+    word-break: break-all;
   }
 
   .inputfile + label {
@@ -160,7 +161,6 @@
     padding: 8px 12px;
     align-items: center;
     font-size: 13px;
-    max-width: 80%;
   }
 
   .box {
@@ -226,8 +226,10 @@
                    v-model="formItem.checked"
             >
             <label for="checkbox1">
-              {{ $t('welcome.term1') }}<a class="color-green" @click="$router.push({ name: 'welcome-protocol' })">{{
-              $t('welcome.term2')}}</a>
+              <i18n path="welcome.term" tag="label" for="protocol.title">
+                <a class="color-green" @click="$router.push({ name: 'welcome-privacy' })">{{ $t('privacy.title') }}</a>
+                <a class="color-green" @click="$router.push({ name: 'welcome-protocol' })">{{ $t('protocol.title') }}</a>
+              </i18n>
             </label>
           </div>
         </div>
diff --git a/src/views/welcome/mnemonic.vue b/src/views/welcome/mnemonic.vue
index 031dbb9..e6bdcac 100644
--- a/src/views/welcome/mnemonic.vue
+++ b/src/views/welcome/mnemonic.vue
@@ -42,7 +42,7 @@
     font-weight: 500;
     text-align: center;
     color: rgba(0, 0, 0, 0.88);
-    margin: 10px 0;
+    margin: 6px 0;
     min-width: 110px;
 
     div{
@@ -51,7 +51,7 @@
       box-sizing: border-box;
       border-radius: 4px;
       padding: 5px 20px;
-      width: 80%;
+      width: 90%;
       display: block;
       margin-left: auto;
       margin-right: auto;
diff --git a/src/views/welcome/verifyMnemonic.vue b/src/views/welcome/verifyMnemonic.vue
index 00b23bb..887b8b5 100644
--- a/src/views/welcome/verifyMnemonic.vue
+++ b/src/views/welcome/verifyMnemonic.vue
@@ -61,8 +61,9 @@
         color: rgba(0, 0, 0, 0.88);
         font-weight: 500;
         font-size: 16px;
-        margin: 5px 10px;
+        margin: 6px;
         cursor: pointer;
+        padding: 5px 0;
 
         &.active{
           background: #004EE4;
@@ -73,12 +74,17 @@
     }
   }
 
+  .mnemonic-panel{
+    margin-bottom: 10px;
+  }
+
   .target-mnemonic-panel {
     background: #FAFAFA;
     border-radius: 4px;
-    padding: 16px;
-    margin-bottom: 20px;
-    min-height: 110px;
+    padding: 10px;
+    margin-bottom: 18px;
+    min-height: 148px;
+
     div{
       cursor: auto !important;
     }
@@ -107,7 +113,7 @@
             </div>
           </div>
           <div>
-            <div :class="['btn btn-primary btn-round float-right',{disable: disableBtn}]" @click="verify"><i class="iconfont icon-right-arrow"></i></div>
+            <button :class="['btn btn-primary btn-round float-right',{disable: disableBtn}]" @click="verify" :disabled="disableBtn"><i class="iconfont icon-right-arrow"></i></button>
           </div>
         </div>
      </div>
-- 
2.11.0