Add basic styles.

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">
+  <div class="note" v-for="note in notes" :key="note.id">{{ note.text }}</div>
-    Submit
-  </button>
-  <div 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>