From 40f9eeead9decb1fd72d9eb308cae8ccae29f32b Mon Sep 17 00:00:00 2001
From: Josh Creek <jcreek93@gmail.com>
Date: Sun, 14 Apr 2019 14:55:29 +0100
Subject: [PATCH] Cleaned up styling

---
 src/App.vue                       | 1 -
 src/components/AddTransaction.vue | 4 ++--
 src/components/Header.vue         | 6 ++++++
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index fb191bf..0cbaeb3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,6 +23,5 @@ export default {
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
-  margin-top: 60px;
 }
 </style>
diff --git a/src/components/AddTransaction.vue b/src/components/AddTransaction.vue
index dd7731c..88c9935 100644
--- a/src/components/AddTransaction.vue
+++ b/src/components/AddTransaction.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <form @submit="importCSV">
-      <textarea v-model="csv" name="csv" placeholder="Add statement csv..."></textarea>
+      <textarea v-model="csv" name="csv" placeholder="Paste bank statement csv..."></textarea>
       <input type="submit" value="Import CSV" class="btn">
     </form>
   </div>
@@ -70,7 +70,7 @@ export default {
   form {
     display: flex;
   }
-  input[type="text"] {
+  textarea {
     flex: 10;
     padding: 5px;
   }
diff --git a/src/components/Header.vue b/src/components/Header.vue
index b4f97a0..b7cb3ea 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -7,3 +7,9 @@
     </div>
 </div>
 </template>
+
+<style scoped>
+#header {
+  margin: 60px 0 60px 0;
+}
+</style>