From b9f82ba849dfcaed84fd0d75d9ed43e607761229 Mon Sep 17 00:00:00 2001
From: Billy Brawner <billybrawner@gmail.com>
Date: Sun, 2 Sep 2018 19:25:55 -0500
Subject: [PATCH] Use standard add button for transactions from dashboard

---
 src/app/dashboard/dashboard.component.css  | 2 +-
 src/app/dashboard/dashboard.component.html | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/dashboard/dashboard.component.css b/src/app/dashboard/dashboard.component.css
index dd1b6a4..3253b7b 100644
--- a/src/app/dashboard/dashboard.component.css
+++ b/src/app/dashboard/dashboard.component.css
@@ -38,7 +38,7 @@
 .dashboard-primary div {
   bottom: 0.5em;
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-end;
   left: 0.5em;
   right: 0.5em;
   position: absolute;
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index 92db76c..7d56c72 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -12,7 +12,6 @@
       <span [ngClass]="{'income': balance > 0, 'expense': balance < 0}" >{{ balance | currency }}</span>
     </h2>
     <div class="transaction-navigation">
-      <a mat-button routerLink="/transactions/new">Add Transaction</a>
       <a mat-button routerLink="/transactions">View Transactions</a>
     </div>
   </div>
@@ -28,3 +27,6 @@
     <app-category-list [categories]="categories" [categoryBalances]="categoryBalances"></app-category-list>
   </div>
 </div>
+<a mat-fab routerLink="/transactions/new">
+  <mat-icon aria-label="Add">add</mat-icon>
+</a>
\ No newline at end of file