             <DragHandle x={x1} y={y2} onDrag={@handleX1Y2Drag} />
           </g>
         }
+
+        { if @props.selected then @renderMarkButton() }
       </g>
 
     </g>

# @cjsx React.DOM
React          = require 'react'
Draggable      = require 'lib/draggable'
DragHandle     = require './drag-handle'
DeleteButton    = require './delete-button'

SELECTED_RADIUS = 20
MINIMUM_SIZE = 5

    x: (SELECTED_RADIUS / @props.xScale) * Math.cos theta
    y: -1 * (SELECTED_RADIUS / @props.yScale) * Math.sin theta

  getMarkButtonPosition: ->
    x: @props.mark.x + @props.mark.width
    y: @props.mark.y + @props.mark.height + 20 / @props.yScale

  handleMouseDown: ->
    @props.onSelect @props.mark

