Step numbers in todo app headers

step1-06/demo/src/components/TodoHeader.tsx

@@ -10,7 +10,7 @@ export class TodoHeader extends React.Component<any, any> {
     const { filter } = this.props;
     return (
       <header>
-        <h1>todos - step1-06 demo</h1>
+        <h1>todos <small>(1.6 demo)</small></h1>
         <div className="addTodo">
           <input className="textfield" placeholder="add todo" />
           <button className="submit">Add</button>

step1-06/demo/src/components/TodoList.tsx

@@ -12,7 +12,7 @@ export class TodoList extends React.Component<any, any> {
 
     return (
       <ul className="todos">
-        [01, 02, 03, 04].map((id)=> <TodoListItem />)
+        {['01', '02', '03', '04'].map((id) => <TodoListItem />)}
       </ul>
     );
   }

step1-06/demo/src/style.css

@@ -8,6 +8,10 @@ h1 {
   text-align: center;
 }
 
+small {
+  font-size: 0.5em;
+}
+
 .addTodo {
   display: flex;
 }