     TaskPlanActions.save(@state.id)
 
   renderTopics: (topicId) ->
-    <li>{TocStore.getSectionInfo(topicId).title}</li>
+    topic = TocStore.getSectionInfo(topicId)
+    <li>{topic.number} - {topic.title}</li>
 
   render: ->
     id = @getParams().id

    headerText = if id then 'Edit Reading' else 'Add Reading'
    dueDate = if @state.due_at then @state.due_at else @props.due_at
    topics = TaskPlanStore.getTopics(@state.id)

    <BS.Panel bsStyle="default" className="create-reading" footer={footer}>
      <h1>{headerText}</h1>

  renderChapterPanels: (chapter, i) ->
    sections = _.map(chapter.children, @renderSections)
    header =
      <h2 className="chapter-title">
        <span className="number">{chapter.number}</span>.
        <span className="title">{chapter.title}</span>
      </h2>

    <BS.Accordion>
