From 7e78e828e5ee7bd3c4c2775ffaeff444edf1e552 Mon Sep 17 00:00:00 2001
From: Adrian Mejia <admejiar@cisco.com>
Date: Mon, 17 Oct 2016 14:01:44 -0400
Subject: [PATCH] Styling the todo app

---
 angular-cli.json                 | 3 ++-
 package.json                     | 1 +
 src/app/app.component.html       | 4 ----
 src/app/todo/todo.component.html | 2 +-
 4 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/angular-cli.json b/angular-cli.json
index c973a60..8d19531 100644
--- a/angular-cli.json
+++ b/angular-cli.json
@@ -15,7 +15,8 @@
       "prefix": "app",
       "mobile": false,
       "styles": [
-        "styles.scss"
+        "styles.scss",
+        "../node_modules/todomvc-app-css/index.css"
       ],
       "scripts": [],
       "environments": {
diff --git a/package.json b/package.json
index 4aaa157..7fca01b 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
     "@angular/router": "~3.0.0",
     "core-js": "^2.4.1",
     "rxjs": "5.0.0-beta.12",
+    "todomvc-app-css": "2.0.6",
     "ts-helpers": "^1.1.1",
     "zone.js": "^0.6.23"
   },
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 32f095e..b530937 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,5 +1 @@
-<h1>
-  {{title}}
-</h1>
-
 <app-todo></app-todo>
diff --git a/src/app/todo/todo.component.html b/src/app/todo/todo.component.html
index 8f804cb..148be58 100644
--- a/src/app/todo/todo.component.html
+++ b/src/app/todo/todo.component.html
@@ -1,7 +1,7 @@
 <section class="todoapp">
 
   <header class="header">
-    <h1>Todos</h1>
+    <h1>Todo</h1>
     <input class="new-todo" placeholder="What needs to be done?" autofocus>
   </header>