Visual fixes

src/main.ts

@@ -10,6 +10,8 @@ import "./assets/styles/tailwind.css";
 
 import { library } from "@fortawesome/fontawesome-svg-core";
 import {
+  faArrowLeft,
+  faArrowRight,
   faBurst,
   faCalendar,
   faChevronLeft,
@@ -51,6 +53,8 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 
 library.add(
+  faArrowLeft,
+  faArrowRight,
   faBurst,
   faCalendar,
   faChevronLeft,

src/views/ContactAmountsView.vue

@@ -23,7 +23,7 @@
           :key="record.id"
           class="border-b border-slate-300"
         >
-          <td class="p-1 text-xs sm:text-sm text-slate-500">
+          <td class="p-1 text-xs sm:text-sm text-left text-slate-500">
             {{ new Date(record.issuedAt).toLocaleString() }}
           </td>
           <td class="p-1">
@@ -44,10 +44,10 @@
           </td>
           <td class="p-1">
             <span v-if="record.agentDid == contact.did">
-              <fa icon="long-arrow-alt-left" class="text-slate-400 fa-fw" />
+              <fa icon="arrow-left" class="text-slate-400 fa-fw" />
             </span>
             <span v-else>
-              <fa icon="long-arrow-alt-right" class="text-slate-400 fa-fw" />
+              <fa icon="arrow-right" class="text-slate-400 fa-fw" />
             </span>
           </td>
           <td class="p-1">