anchor.diff:  
       opinion_region_style.width = DECISION_BOARD_WIDTH
   
  -    R.div className:'opinion_region focal_wrapper', style: opinion_region_style,
  +    DIV className:'opinion_region focal_wrapper', style: opinion_region_style,
         Slider
           width: HISTOGRAM_WIDTH
   
  -      R.div 
  +      DIV 
           className:'decision_board_body'
           onClick: => if root.page_name == 'results' then togglePage('crafting')
         ,
   
  -        R.div null, 
  +        DIV null, 
             # only shown during crafting, but needs to be present always for animation
  -          R.div className: 'your_points',
  +          DIV className: 'your_points',
               # your pros
               YourPoints { key: 'your_pro_points', valence: 'pros' }
   
  
positive.code: 
  
    renderDescriptionField : (field) ->
      R.div className: 'description_field', key: field.label,
        R.div className: 'field_heading', onClick: (=> field.expanded = !field.expanded; save(@local);),
          R.span className: 'expand_arrow', dangerouslySetInnerHTML: {__html: if field.expanded then '&#9660;' else '&#9658;'}
          R.span className: 'field_name', field.label
        if field.expanded
          R.div className: 'field_body', dangerouslySetInnerHTML:{__html: field.html}
  
    renderDescriptionFieldGroup : (group) -> 
      R.div className: 'description_group',
        R.label className: 'description_group_name', group.group
        for field in group.items
          @renderDescriptionField field
  
  
negative.code:     if !@local.height
        @local.height = @props.min_height
  
      @transferPropsTo TEXTAREA onKeyUp: @autoGrow, style: {height: @local.height} 
  
  
  CharacterCountTextInput = ReactiveComponent
  