From 967bdb266541bb8a4ee2232b167d2975822ca8c9 Mon Sep 17 00:00:00 2001
From: Billy Brawner <billybrawner@gmail.com>
Date: Fri, 31 Aug 2018 21:03:12 -0500
Subject: [PATCH] Implement 'Add Transaction' from dashboard

---
 src/app/dashboard/dashboard.component.css  | 6 ++++--
 src/app/dashboard/dashboard.component.html | 5 ++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/dashboard/dashboard.component.css b/src/app/dashboard/dashboard.component.css
index ff5e9e8..46df60d 100644
--- a/src/app/dashboard/dashboard.component.css
+++ b/src/app/dashboard/dashboard.component.css
@@ -35,11 +35,13 @@
   text-decoration: none;
 }
 
-.dashboard-primary a {
+.dashboard-primary div {
   bottom: 1em;
+  display: flex;
+  justify-content: space-between;
+  left: 1em;
   right: 1em;
   position: absolute;
-  text-align: right;
 }
 
 .dashboard .no-categories {
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index 4e22973..f47b22f 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -10,7 +10,10 @@
     <h2 class="balance">
       Current Balance: <span [ngClass]="{'income': balance > 0, 'expense': balance < 0}" >{{ balance | currency }}</span>
     </h2>
-    <a routerLink="/transactions">View Transactions &gt;&gt;</a>
+    <div class="transaction-navigation">
+      <a routerLink="/transactions/new">Add Transaction</a>
+      <a routerLink="/transactions">View Transactions</a>
+    </div>
   </div>
   <div class="dashboard-categories">
     <h3 class="categories">Categories</h3>