anchor.diff:            IMG 
               src: "<%= asset_path 'drop_target.png' %>"
               style: css.crossbrowserify
  -              transform: if @props.valence == 'pros' then '' else 'scaleX(-1)'
  +              transform: if @props.valence == 'cons' then '' else 'scaleX(-1)'
                 width: 223
   
             SPAN 
  
positive.code:               style: 
                  padding: '0 18px'
                  marginTop: -3 # To undo the 3 pixel border
                YourPoints { key: 'your_pro_points', valence: 'pros' }
                YourPoints { key: 'your_con_points', valence: 'cons' }
  =======
          DIV null, 
            # only shown during crafting, but needs to be present always for animation
            DIV className: 'your_points',
              # your cons
              YourPoints { key: 'your_con_points', valence: 'cons' }
  
              # your pros
              YourPoints { key: 'your_pro_points', valence: 'pros' }
  
            # only shown during results, but needs to be present always for animation
            A 
              className:'give_opinion_button primary_button'
            , if published then 'Update your Opinion' else 'Give your Opinion'
  >>>>>>> Swapped pro and con for everything except the histogram
  
  
              A 
  
negative.code:         width: HISTOGRAM_WIDTH
  
  
        if can_opine != Permission.INSUFFICIENT_PRIVILEGES && (can_opine != Permission.DISABLED || your_opinion.published )
          # only shown during results, but needs to be present for animation
          if @root.proposal_mode == 'results'
  