         if due_date
             <span>Due: {"#{due_date}"}</span>
 
+    render_assignment_name: ->
+        <span>
+            {@props.assignment.get('path')}
+            {<b> (deleted)</b> if @props.assignment.get('deleted')}
+        </span>
+
+    render_assignment_title_link: ->
+        <a href='' onClick={(e)=>e.preventDefault();@setState(more:not @state.more)}>
+            <Icon style={marginRight:'10px'}
+                  name={if @state.more then 'caret-down' else 'caret-right'} />
+            {@render_assignment_name()}
+        </a>
+
     render_summary_line: ->
-        <Row style={entry_style}>
+        <Row key='summary'>
             <Col md=4>
                 <h5>
-                    <a href='' onClick={(e)=>e.preventDefault();@setState(more:true)}>{@props.assignment.get('path')}</a>
-                    {<b> (deleted)</b> if @props.assignment.get('deleted')}
+                    {@render_assignment_title_link()}
                 </h5>
             </Col>
             <Col md=2>

        </Row>

    render_more: ->
        <Row  style={entry_style}>
            <Col sm=12>
                <Panel header={@render_more_header()}>
                    <StudentListForAssignment flux={@props.flux} name={@props.name}

        note        : ''

    render_student: ->
        <a href='' onClick={(e)=>e.preventDefault();@setState(more:not @state.more)}>
            <Icon style={marginRight:'10px'}
                  name={if @state.more then 'caret-down' else 'caret-right'}/>
            {@render_student_name()}
        </a>

    render_student_name: ->
        account_id = @props.student.get('account_id')
