anchor.diff:        overflow: 'hidden'
         fontSize: 14
   
  +    guidelines_w = 235
  +
       DIV
         className: 'edit_point'
         style: 
  
positive.code:                          'fa-caret-right fa'
            SPAN
              style: {paddingLeft: 6}
              'Expand on your point'
  
          if @local.add_details
            DIV null, 
  
negative.code:             'New points disabled for this proposal'
          else
            INPUT 
              className: 'button primary_button'
              action: 'submit-point',
              type: 'submit', 
              onClick: @savePoint
              value: 'Done'
              style: 
                marginTop: '.5em'
                width: '100%'
                fontSize: 24
                padding: 4
  
          A 
            onClick: @done
            style:
              display: 'inline-block'
              color: '#888888'
              cursor: 'pointer'
              position: 'relative'
              zIndex: 1
              top: 5
            'cancel'  
  
        if @proposal.active
          DIV 
            style: 
              position: 'relative'
              top: -20
            INPUT
              className: 'newpoint-anonymous'
              type:      'checkbox'
              id:        "sign_name-#{@props.valence}"
              name:      "sign_name-#{@props.valence}"
              checked:   @local.sign_name
              onChange: =>
                @local.sign_name = !@local.sign_name
                save(@local)
            LABEL 
              htmlFor: "sign_name-#{@props.valence}"
              title:'Signing your name lends your point more weight with other participants.'
              'Sign your name'
  
  
    componentDidMount : ->
      $el = $(@getDOMNode())
      $el.find('#nutshell').focus()
      $el.find('[data-action="submit-point"]').ensureInView {scroll: false, position: 'bottom'}
  
    done : ->
  
  