From 5addc3c2069d9969489dafa20f57a73ccac11514 Mon Sep 17 00:00:00 2001
From: Jose Olarte III <brownspank@anomalistdesign.com>
Date: Mon, 31 Jul 2023 21:36:05 +0800
Subject: [PATCH] Visual fixes

---
 src/main.ts                      | 4 ++++
 src/views/ContactAmountsView.vue | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/main.ts b/src/main.ts
index bc3f7d580..f07e91271 100644
--- a/src/main.ts
+++ b/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,
diff --git a/src/views/ContactAmountsView.vue b/src/views/ContactAmountsView.vue
index 88e4944a4..c4ba756a9 100644
--- a/src/views/ContactAmountsView.vue
+++ b/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">