move footer to bottom

bigbinary · Aug 28, 2015 · 481c3cb · 481c3cb
1 parent 7cf5dcd
commit 481c3cb
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/ep16-new-css/app/components/App.jsx b/ep16-new-css/app/components/App.jsx
@@ -62,17 +62,17 @@ export default class App extends React.Component {
                 <button> Submit </button>
               </form>
 
+              <DisplayList
+                handleDone={this.handleDone.bind(this)}
+                handleDelete={this.handleDelete.bind(this)}
+                todos={this.state.todos}  />
+
               <footer>
                 All: ({ this.state.todos.length }) |
                 Completed: ({ this.state.todos.filter((todo) => { return todo.done }).length }) |
                 Pending: ({ this.state.todos.filter((todo) => { return !todo.done }).length }) |
                 <a href='#' onClick={this.handleClearCompleted.bind(this)}>Clear Completed</a>
               </footer>
-
-              <DisplayList
-                handleDone={this.handleDone.bind(this)}
-                handleDelete={this.handleDelete.bind(this)}
-                todos={this.state.todos}  />
             </div>;
   }
 }