anchor.diff:      # In results state, decision board position depends on the slider position.
       @data('slider')
   
  -    opinion_region_style = 
  -      left: '50%'
  -      width: DECISION_BOARD_WIDTH
  -      marginLeft: -DECISION_BOARD_WIDTH / 2
  +    # Centering the Decisionboard
  +    # When the screen is too small & the board is sticky, the board can be 
  +    # misplaced because fixed elements are not sized wrt their parents, but
  +    # the viewport. So we're going to be sensitive to the width of the screen
  +    # in how we center the decision board. 
  +    media = @data('media')
  +    if media.width >= PAGE_WIDTH || !@local.sticky
  +      opinion_region_style = 
  +        left: '50%'
  +        marginLeft: -DECISION_BOARD_WIDTH / 2
  +    else
  +      console.log (PAGE_WIDTH - CONTENT_WIDTH) / 2, POINT_WIDTH
  +      opinion_region_style = 
  +        left: POINT_CONTENT_WIDTH + 2 * GRID_GUTTER + 69 #69 is the margin of the reasons_region
  +
  +    opinion_region_style.width = DECISION_BOARD_WIDTH
   
       R.div className:'opinion_region focal_wrapper', style: opinion_region_style,
         Slider()
   
         R.div 
           className:'decision_board_body focal_area'
  -        onClick: => if @data('root').page_name == 'results' then togglePage('crafting')
  +        onClick: => if root.page_name == 'results' then togglePage('crafting')
         ,
   
           R.div null, 
  
positive.code:           Proposal key: @page.proposal.key
        Footer()
        Computer() # Doesn't actually render anything
  
  Computer = ReactiveComponent
    # This doesn't actually render anything.  It just processes state
  
negative.code:       arest.csrf(current_user.csrf)
      return R.span null, ''
  
  Media = ReactiveComponent
    # This doesn't actually render anything.  It just tracks data
    # useful for responsive layouts.
    displayName: 'Media'
    
    componentWillMount : ->
      @registerCallbacks() 
      @updateMeasurements()
  
    registerCallbacks : -> 
      $(window).on "resize.plugin_stickytopbottom-#{@my_id}", => @updateMeasurements()
  
    updateMeasurements : ->
      media = @data()
      media.height = $(window).height()
      media.width = $(window).width()
      save media
  
    render : ->
      media = @data()
  
      return R.span null, ''  
  
  
  Header = ReactiveComponent
    displayName: 'Header'
    logout : -> 
  