Step numbers in todo app headers

step1-07/final/src/components/TodoHeader.tsx

@@ -21,7 +21,7 @@ export class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState
     const { filter, setFilter } = this.props;
     return (
       <header>
-        <h1>todos - step1-07 final</h1>
+        <h1>todos <small>(1.7 final)</small></h1>
         <div className="addTodo">
           <input value={this.state.labelInput} onChange={this._onChange} className="textfield" placeholder="add todo" />
           <button onClick={this._onAdd} className="submit">

step1-07/final/src/style.css

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