From 170f3b38737a9e3272372c0482348435af40b821 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Kucharczyk?= <lukas@kucharczyk.xyz>
Date: Tue, 25 Aug 2020 14:09:58 +0200
Subject: [PATCH] Add basic styles.

---
 src/components/NoteList.vue | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/NoteList.vue b/src/components/NoteList.vue
index 392006f..89c9e51 100644
--- a/src/components/NoteList.vue
+++ b/src/components/NoteList.vue
@@ -4,13 +4,9 @@
     onfocus="this.value=''"
     onblur="this.value = 'Start typing something…'"
     v-model="content"
-    cols="30"
     rows="10"
   ></textarea>
-  <button type="submit" @click="addNote">
-    Submit
-  </button>
-  <div v-for="note in notes" :key="note.id">{{ note.text }}</div>
+  <div class="note" v-for="note in notes" :key="note.id">{{ note.text }}</div>
 </template>
 
 <script>
@@ -30,4 +26,17 @@ export default {
 }
 </script>
 
-<style></style>
+<style scoped>
+textarea {
+  width: 100%;
+  border-width: 0 0 1px 0;
+  border-color: black;
+  resize: none;
+}
+
+.note {
+  border-width: 1px;
+  padding: 5px;
+  margin-bottom: 5px;
+}
+</style>