adds a truncation to ons wallet addresses to prevent overflowing

src/components/ons/ons_record_list.vue

@@ -12,10 +12,8 @@
         <q-item-label :class="bindClass(record)">{{
           isLocked(record) ? record.name_hash : record.name
         }}</q-item-label>
-        <q-item-label v-if="!isLocked(record)">{{
-          record.value.substr(0, 12) +
-            "..." +
-            record.value.substr(record.value.length - 12)
+        <q-item-label v-if="!isLocked(record)" class="truncate-item">{{
+          record.value
         }}</q-item-label>
       </q-item-section>
       <q-item-section side class="height">

src/css/app.styl

@@ -539,6 +539,12 @@ footer,
     }
 
 }
+
+.truncate-item {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 .wallet-list {
     .q-item-label {
         color: white;
@@ -874,4 +880,4 @@ footer,
     padding-left: 0;
     padding-right: 0;
   }
-}
+}