From def162cd84c38b2dd0ba239e4204839f9551e37a Mon Sep 17 00:00:00 2001
From: Knut Ahlers <knut@ahlers.me>
Date: Fri, 19 Jan 2024 00:18:30 +0100
Subject: [PATCH] Improve account summary

Signed-off-by: Knut Ahlers <knut@ahlers.me>
---
 frontend/components/accountOverview.vue | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/frontend/components/accountOverview.vue b/frontend/components/accountOverview.vue
index 581fbfc..b427590 100644
--- a/frontend/components/accountOverview.vue
+++ b/frontend/components/accountOverview.vue
@@ -10,17 +10,23 @@
         <div class="col d-flex text-center flex-column">
           <span class="fs-3 text-semibold">{{ accountIdToName[accountId] }}</span>
           <div class="d-flex align-items-center mx-auto">
-            <div class="d-inline-flex text-center flex-column mx-2">
+            <div class="d-inline-flex text-center flex-column mx-4">
               {{ formatNumber(account.balance - balanceUncleared) }} €
-              <span class="form-text mt-0">Cleared Balance</span>
+              <span class="form-text mt-0">
+                <i class="fas fa-fw fa-copyright mr-1 text-success" />
+                Cleared Balance
+              </span>
             </div>
             +
-            <div class="d-inline-flex text-center flex-column mx-2">
+            <div class="d-inline-flex text-center flex-column mx-4">
               {{ formatNumber(balanceUncleared) }} €
-              <span class="form-text mt-0">Uncleared Balance</span>
+              <span class="form-text mt-0">
+                <i class="fas fa-fw fa-copyright mr-1" />
+                Uncleared Balance
+              </span>
             </div>
             =
-            <div class="d-inline-flex text-center flex-column mx-2">
+            <div class="d-inline-flex text-center flex-column mx-4">
               {{ formatNumber(account.balance) }} €
               <span class="form-text mt-0">Working Balance</span>
             </div>