Styling the todo app

amejiarosario · Oct 17, 2016 · 7e78e82 · 7e78e82
1 parent 2bdc618
commit 7e78e82
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>