Cleaned up styling

src/App.vue

@@ -23,6 +23,5 @@ export default {
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
-  margin-top: 60px;
 }
 </style>

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;
   }

src/components/Header.vue

@@ -7,3 +7,9 @@
     </div>
 </div>
 </template>
+
+<style scoped>
+#header {
+  margin: 60px 0 60px 0;
+}
+</style>