From 9807dfd1f18e1efc9f882a67ef99f1d198a03ff7 Mon Sep 17 00:00:00 2001
From: Madhav Kumar <47245900+kumar-ish@users.noreply.github.com>
Date: Sat, 19 Nov 2022 09:21:20 +1100
Subject: [PATCH] fix: center view all units button on home page

---
 src/app/home/states/home/home.component.html | 2 +-
 src/app/home/states/home/home.component.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/home/states/home/home.component.html b/src/app/home/states/home/home.component.html
index 6163b0b17..7105c3593 100644
--- a/src/app/home/states/home/home.component.html
+++ b/src/app/home/states/home/home.component.html
@@ -64,7 +64,7 @@ <h4>{{ unitRole.unit?.name }}</h4>
                 mat-mini-fab
                 aria-label="view all units"
               >
-                <mat-icon style="color: white">history</mat-icon>
+                <mat-icon fxLayoutAlign="center center" style="color: white; padding-right: 1px">history</mat-icon>
               </button>
             </a>
           </div>
diff --git a/src/app/home/states/home/home.component.scss b/src/app/home/states/home/home.component.scss
index 04c0b24b3..bf6608e57 100644
--- a/src/app/home/states/home/home.component.scss
+++ b/src/app/home/states/home/home.component.scss
@@ -46,6 +46,11 @@
     width: 100%;
     overflow: hidden;
   }
+
+  ::ng-deep .mat-button-wrapper {
+    display: flex !important;
+    justify-content: center !important;
+  }
 }
 
 .admin-card {