main_page.js

Todos.mainPage = SC.Page.design({
  mainPane: SC.MainPane.design({
    childViews: 'middleView bottomView'.w(),

    middleView: SC.ScrollView.design({
      hasHorizontalScroller: NO,
      layout: { top: 36, bottom: 32, left: 0, right: 0 },
      backgroundColor: 'white',
      childViews: 'contentView'.w(),

      contentView: SC.ListView.design({
        contentBinding: 'Todos.tasksController.arrangedObjects',
        contentValueKey: 'description',
        contentCheckboxKey: 'isDone'
      })
    }),

    bottomView: SC.ToolbarView.design({
      layout: { bottom: 0, left: 0, right: 0, height: 32 }, //ADDED THIS
      anchorLocation: SC.ANCHOR_BOTTOM, //ADDED THIS
      childViews: 'summaryView'.w(),

      summaryView: SC.LabelView.design({
        layout: { centerY: 0, height: 18, left: 20, right: 20 }, //ADDED THIS
        textAlign: SC.ALIGN_CENTER, //ADDED THIS
        valueBinding: 'Todos.tasksController.countSummary'
      })
    })
  })
});