       </div>
 
       <div className="subject-tools">
-        <span>{tools}</span>
+        <span style={width: '80%'}>{tools}</span>
         {if @props.subject?.locations.length >= 2
           <span>
             <span className="subject-frame-pips">

              </button>}
          </span>
      when 'video'
        <span className="subject-frame-play-controls">
          {if @state.playing
            <button type="button" className="secret-button" aria-label="Pause" onClick={@playVideo.bind this, false}>
              <i className="fa fa-pause fa-fw"></i>
            </button>
          else
            <button type="button" className="secret-button" aria-label="Play" onClick={@playVideo.bind this, true}>
              <i className="fa fa-play fa-fw"></i>
            </button>}
        </span>

    <div className="subject-viewer" style={ROOT_STYLE if @props.defaultStyle}>

    loading: true
    playing: false
    frame: @props.frame ? 0
    time: 0
  
  componentDidMount: ->
    player = @refs.videoPlayer?.getDOMNode()
    player?.addEventListener 'canplaythrough', @handleLoad
    player?.addEventListener 'ended', @endVideo
    player?.addEventListener 'timeupdate', @updateScrubber
  
  componentDidUpdate: ->
    player = @refs.videoPlayer?.getDOMNode()
    player?.currentTime = @state.time

  render: ->
    {type, format, src} = getSubjectLocation @props.subject, @state.frame
