anchor.diff:              'or '
             R.span className:'newpoint_bullet', dangerouslySetInnerHTML:{__html: '&bull;'}
             R.a className:'newpoint_link', 'data-action':'write-point', onClick: @handleAddPointBegin,
  -            "Write a new #{capitalize(if @props.key == 'pros' then 'pro' else 'con')}"
  +            "Express a new #{capitalize(if @props.key == 'pros' then 'pro' else 'con')}"
         else
           R.div className:'newpoint_form',
             R.input id:'is_pro', name: 'is_pro', type: 'hidden', value: "#{@props.key == 'pros'}"
             R.label htmlFor:'nutshell', 'Your point'
             CharacterCountTextInput id:'nutshell', className:'newpoint_nutshell', maxLength:140, name:'nutshell', pattern:'^.{3,}', placeholder:'Make this summary succinct.', required:'required'
             
  -          if @data().add_details
  -            R.div null, 
  -              R.label htmlFor:'text', 'Expand on your point'
  -              AutoGrowTextArea id:'text', className:'newpoint_description', name:'text', placeholder:'Provide background and/or back your point up with evidence.', required:'required', min_height: 100
  -          else
  -            R.a className: 'add_details', onClick: @handleAddDetails, title: 'Provide background and/or back your point up with evidence.',
  -              R.i className: 'fa-caret-right fa'
  +          R.div null,
  +            R.a className: 'add_details', onClick: @handleToggleDetails, title: 'Provide background and/or back your point up with evidence.',
  +              R.i className: if @data().add_details then 'fa-caret-down fa' else 'fa-caret-right fa'
                 R.span null, 'Expand on your point'
  +
  +            if @data().add_details
  +              R.div null, 
  +                AutoGrowTextArea id:'text', className:'newpoint_description', name:'text', placeholder:'Provide background and/or back your point up with evidence.', required:'required', min_height: 100
   
             R.div className:'newpoint_hide_name',
               R.input className:'newpoint-anonymous', type:'checkbox', id:"sign_name-#{@props.key}", name:"sign_name-#{@props.key}", checked: @data().sign_name, onChange: (=> @data().sign_name = !@data().sign_name)
  
positive.code:   handleAddPointCancel : (ev) -> 
      @data().edit_mode = false
  
    handleAddDetails : (ev) -> 
      @data().add_details = true
  
    handleSubmitNewPoint : (ev) ->
      $form = $(@getDOMNode())
  
negative.code:     add_details : false
  
    componentDidUpdate : ->
      if @data().edit_mode #limitation with ActiveREST: can't hook into when edit mode changes from false => true
        $(@getDOMNode()).find('#nutshell').focus()
  
    handleAddPointBegin : (ev) -> 
  