anchor.diff:              style: input_style
   
           DIV style: block_style,
  +          LABEL htmlFor: 'listed_on_homepage', style: label_style, 'List on homepage:'
  +
             INPUT 
               id: 'listed_on_homepage'
               name: 'listed_on_homepage'
               type: 'checkbox'
               defaultChecked: if @props.fresh then true else !proposal.hide_on_homepage
  -          LABEL htmlFor: 'listed_on_homepage', 'List on homepage'
  +            style: {fontSize: 24}
   
           DIV style: block_style,
  +          LABEL htmlFor: 'open_for_discussion', style: label_style, 'Open for discussion:'
  +
             INPUT 
               id: 'open_for_discussion'
               name: 'open_for_discussion'
               type: 'checkbox'
               defaultChecked: if @props.fresh then true else proposal.active
  -          LABEL htmlFor: 'open_for_discussion', 'Open for discussion'
  +            style: {fontSize: 24}
   
   
           if @props.fresh
             DIV null, 
               SPAN 
  -              style: {textDecoration: 'underline', cursor: 'pointer'}
  +              style: _.extend {}, label_style,
  +                textDecoration: 'underline'
  +                cursor: 'pointer'
  +                width: 400
  +                position: 'relative'
                 onClick: => 
                   @local.edit_roles = !@local.edit_roles
                   save @local
  -              I className: 'fa-child fa', style: {marginRight: 7}
  -              'Roles and invitations'
  +              I 
  +                className: 'fa-child fa'
  +                style: 
  +                  position: 'absolute'
  +                  left: -25
  +                  top: 5
  +
  +
  +              'Permissions and invitations'
   
               DIV 
                 style: 
  
positive.code:                     pattern:'^.{3,}'
                      placeholder:'Text that is shown when expanded'
                      required:'required'
                      onChange: do(idx) => (e) => @local.description_fields[idx].html = e.target.value; save(@local)
                      value: @local.description_fields[idx].html
                      style: description_field_style
  
                    SPAN
                      style: {color: '#ccc', textDecoration: 'underline', fontSize: 12, cursor: 'pointer', position: 'absolute', top: 5, marginLeft: 20}
                      onClick: do (idx) => =>
                        @local.description_fields.splice(idx, 1)
                        save @local
                      'delete'
  
            SPAN
              style: {color: '#bbb', cursor: 'pointer', fontSize: 14}
              onClick: => 
                console.log 'HIYA!'
                @local.description_fields.push({label: null, html: null})
                save @local
  
              "+ "
              SPAN style: {textDecoration: 'underline'}, "expandable field"
  
  
          DIV style: block_style,
            LABEL htmlFor:'cluster', style: label_style, 'Group (optional)'
            INPUT 
              id:'cluster'
              name:'cluster'
  
negative.code: 
    checkAndSetHeight : ->
      scroll_height = @getDOMNode().scrollHeight
      max_height = @props.max_height or 400
      if scroll_height > @getDOMNode().clientHeight
        @local.height = Math.min scroll_height + 5, max_height
        save(@local)
  
    render : -> 
  