     classes.push('selected') if @props.active
 
     <div key={@props.section.id} className = {classes.join(' ')} onClick={@toggleSection}>
-      <span class="number">{@props.section.number}</span> -
-      <span class="title">{@props.section.title}</span>
+      <span className="number">{@props.section.number}</span> -
+      <span className="title">{@props.section.title}</span>
     </div>
 
 SelectTopics = React.createClass

    TaskPlanActions.save(@state.id)

  renderTopics: (topicId) ->
    <li>{TocStore.getSectionInfo(topicId).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)

    selectedReadingList =
      <ul className="selected-reading-list">
        <li><strong>Currently selected sections in this reading</strong></li>
        {_.map(topics, @renderTopics)}
      </ul> if topics.length

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