sign messages fixed the styles

diff --git a/src/views/sendTransaction/signMessage.vue b/src/views/sendTransaction/signMessage.vue
index 97481c4..9c3e537 100644 (file)
--- a/src/views/sendTransaction/signMessage.vue
+++ b/src/views/sendTransaction/signMessage.vue
@@ -89,10 +89,22 @@
   }
   .btn-container .btn{
     height: 48px;
-    bottom: 20px;
+    top: 20px;
     position: absolute;
     width: 320px;
   }
+  .hide{
+    width: 175px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .view-link{
+    font-size: 14px;
+    color: #035BD4;
+    width: 275px;
+    display: block;
+  }
 </style>
 
 <template>
@@ -129,7 +141,14 @@
 
           <tr class="row">
             <td class="col label">{{ $t('signMessage.message') }}</td>
-            <td class="col value">{{message}}</td>
+            <td class="col value" v-bind:class="{ hide: !full }" >{{message}}</td>
+          </tr>
+          <tr class="row">
+            <td colspan="2" class="center-text">
+              <a v-on:click="full = !full"  class="view-link">
+                {{ full? $t('transfer.hideAll'): $t('transfer.viewAll') }} >>
+              </a>
+            </td>
           </tr>
         </tbody>
       </table>
@@ -145,7 +164,7 @@
       </div>
     </section>
 
-    <div class="row btn-container" style="margin: 20px; position: static;">
+    <div class="row btn-container" style="margin: 20px; position: relative; height:80px;">
       <div class="btn bg-green" @click="sign">{{ $t('signMessage.confirmSignature') }}</div>
     </div>