Fix small UI issue

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",
   

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">

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"

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

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;
 }