From 48454df781f7b3097e7e8555207d2738c88cd889 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 6 Aug 2021 23:44:43 +0800
Subject: [PATCH] Fix small UI issue

---
 src/lang/locales/en.json              | 2 +-
 src/views/StakingAddressComponent.vue | 8 ++++----
 src/views/StakingValidator.vue        | 6 ++++--
 src/views/Summary.vue                 | 2 +-
 src/views/Transaction.vue             | 4 +++-
 5 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/lang/locales/en.json b/src/lang/locales/en.json
index b5d41c22..940ca39f 100644
--- a/src/lang/locales/en.json
+++ b/src/lang/locales/en.json
@@ -5,7 +5,7 @@
   "cosmos": "Cosmos Hub",
   "kava": "Kava",
   "akash": "Akash Decloud",
-  "iris": "Iris Hub",
+  "iris": "IRIS Hub",
   "crypto": "Crypto.com",
   "osmosis": "Osmosis",
   
diff --git a/src/views/StakingAddressComponent.vue b/src/views/StakingAddressComponent.vue
index f367afac..ca627e66 100644
--- a/src/views/StakingAddressComponent.vue
+++ b/src/views/StakingAddressComponent.vue
@@ -20,7 +20,7 @@
           />
         </b-avatar>
       </b-media-aside>
-      <b-media-body>
+      <b-media-body class="text-truncate">
         <h6 class="mb-0">
           Account Address
         </h6>
@@ -43,7 +43,7 @@
           />
         </b-avatar>
       </b-media-aside>
-      <b-media-body>
+      <b-media-body class="text-truncate">
         <h6 class="mb-0">
           Validator Address
         </h6>
@@ -66,7 +66,7 @@
           />
         </b-avatar>
       </b-media-aside>
-      <b-media-body>
+      <b-media-body class="text-truncate">
         <h6 class="mb-0">
           Consensus Public Address
         </h6>
@@ -74,7 +74,7 @@
       </b-media-body>
     </b-media>
     <b-media
-      class="mb-1"
+      class="mb-1 text-truncate"
       no-body
     >
       <b-media-aside class="mr-1">
diff --git a/src/views/StakingValidator.vue b/src/views/StakingValidator.vue
index 4c4c30e0..e9f43cde 100644
--- a/src/views/StakingValidator.vue
+++ b/src/views/StakingValidator.vue
@@ -25,11 +25,13 @@
               </div>
               <div class="d-flex flex-wrap">
                 <b-button
+                  size="sm"
                   variant="primary"
                 >
                   Delegate
                 </b-button>
                 <b-button
+                  size="sm"
                   variant="outline-danger"
                   class="ml-1"
                 >
@@ -40,7 +42,7 @@
           </div>
 
           <!-- User Stats -->
-          <div class="d-flex align-items-center mt-2">
+          <div class="d-flex flex-wrap align-items-center mt-2">
             <div class="d-flex align-items-center mr-2">
               <b-avatar
                 variant="light-primary"
@@ -228,7 +230,7 @@
       <b-row>
         <b-col>
           <b-card title="Uptime">
-            <b-card-body>
+            <b-card-body class="border-top">
               <b-button
                 v-for="(b,i) in blocks"
                 :key="i"
diff --git a/src/views/Summary.vue b/src/views/Summary.vue
index cf569eac..d2e7dad6 100644
--- a/src/views/Summary.vue
+++ b/src/views/Summary.vue
@@ -110,7 +110,7 @@ export default {
         })
     })
     this.$http.getSlashingParameters().then(res => {
-      this.slasing = this.normalize(res, 'Slasing Parameters')
+      this.slasing = this.normalize(res, 'Slashing Parameters')
     })
 
     const selected = this.$route.params.chain
diff --git a/src/views/Transaction.vue b/src/views/Transaction.vue
index a65b96cc..713ff8ef 100644
--- a/src/views/Transaction.vue
+++ b/src/views/Transaction.vue
@@ -122,7 +122,9 @@ export default {
     border-top-style: double;
 }
 #message table.table-hover tr td:hover {
-    border-width: 1px;
+  border-style: solid;
+  border-color: green;
+
     border: double;
     border-radius: 0.5px;
 }