fix: center view all units button on home page

macite · Nov 18, 2022 · 9807dfd · 9807dfd
1 parent 1bfaa21
commit 9807dfd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git 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
@@ -46,6 +46,11 @@
     width: 100%;
     overflow: hidden;
   }
+
+  ::ng-deep .mat-button-wrapper {
+    display: flex !important;
+    justify-content: center !important;
+  }
 }
 
 .admin-card {