From de41871af7688d15aade03998d6f4b1343f79072 Mon Sep 17 00:00:00 2001
From: imelilabourne <elilabourne.detorres@gmail.com>
Date: Tue, 15 Sep 2020 14:51:16 +0800
Subject: [PATCH] modified design

---
 db.json                                                       | 4 ++--
 .../Todo-List-App/containers/TodoList/todo-list.component.css | 4 ++++
 .../containers/TodoList/todo-list.component.html              | 2 +-
 src/app/app.component.css                                     | 2 +-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/db.json b/db.json
index 825f3eb..4ff9d8c 100644
--- a/db.json
+++ b/db.json
@@ -1,13 +1,13 @@
 {
   "tasks": [
     {
-      "title": "Sleep",
+      "title": "Sleeping",
       "completed": false,
       "editing": false,
       "id": 1
     },
     {
-      "title": "Dance",
+      "title": "Dancing all day",
       "completed": false,
       "editing": false,
       "id": 2
diff --git a/src/app/Todo-List-App/containers/TodoList/todo-list.component.css b/src/app/Todo-List-App/containers/TodoList/todo-list.component.css
index 3e31b9e..fd2a074 100644
--- a/src/app/Todo-List-App/containers/TodoList/todo-list.component.css
+++ b/src/app/Todo-List-App/containers/TodoList/todo-list.component.css
@@ -7,6 +7,10 @@
     text-decoration-line: line-through;
 }
 
+h1{
+    font-family: 'Patrick Hand', cursive;
+}
+
 .addInput{
     max-width: 500px;
     line-height: 2em;
diff --git a/src/app/Todo-List-App/containers/TodoList/todo-list.component.html b/src/app/Todo-List-App/containers/TodoList/todo-list.component.html
index 4370105..0a5f4cf 100644
--- a/src/app/Todo-List-App/containers/TodoList/todo-list.component.html
+++ b/src/app/Todo-List-App/containers/TodoList/todo-list.component.html
@@ -2,7 +2,7 @@
     <div class="nav">Hello! <span class="dateClass">{{today | date: 'short'}}</span></div>
     <div class="main-container">
         <div class="header">
-            <h1>TODO LIST</h1>
+            <h1>TODO LIST <i class="fa fa-pencil"></i></h1>
         </div>
         <div *ngIf="remaining() !== 0">
             <div class="info"><input type="checkbox" (change)="selectAll()">Select All</div>
diff --git a/src/app/app.component.css b/src/app/app.component.css
index 4ae54c2..1b34e83 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -1,5 +1,5 @@
 @import url('https://fonts.googleapis.com/css2?family=Ruluko&display=swap');
-
+@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
 *{
     font-family: 'Ruluko', sans-serif;
     margin: 0;