         action_button =  <ActionButton label={"FINISH"} onActionSubmit={@nextSubject} />
 
       else if @state.marks.length > 0
-        
+
         if @state.workflow is "text-entry"
           action_button = <ActionButton label={"NEXT"} onActionSubmit={@nextTextEntry} />
         else
           action_button =  <ActionButton label={"FINISHED MARKING"} onActionSubmit={@beginTextEntry} />
-      
+
       <div className="subject-container">
         <div className="marking-surface">
-          
-          <svg 
-            className = "subject-viewer-svg" 
-            width = {@state.imageWidth} 
-            height = {@state.imageHeight} 
-            viewBox = {viewBox} 
+
+          <svg
+            className = "subject-viewer-svg"
+            width = {@state.imageWidth}
+            height = {@state.imageHeight}
+            viewBox = {viewBox}
             data-tool = {@props.selectedDrawingTool?.type} >
 
-            <rect 
-              ref = "sizeRect" 
-              width = {@state.imageWidth} 
+            <rect
+              ref = "sizeRect"
+              width = {@state.imageWidth}
               height = {@state.imageHeight} />
-            
-            <Draggable 
-              onStart = {@handleInitStart} 
-              onDrag  = {@handleInitDrag} 
+
+            <Draggable
+              onStart = {@handleInitStart}
+              onDrag  = {@handleInitDrag}
               onEnd   = {@handleInitRelease} >
-              <SVGImage 
-                src = {@state.subjects[0].location} 
-                width = {@state.imageWidth} 
+              <SVGImage
+                src = {@state.subjects[0].location}
+                width = {@state.imageWidth}
                 height = {@state.imageHeight} />
 
             </Draggable>
 
             { @state.marks.map ((mark, i) ->
 
-              <TextRegionTool 
-                key = {mark.key} 
+              <TextRegionTool
+                key = {mark.key}
                 mark = {mark}
                 disabled = {false}
                 imageWidth = {@state.imageWidth}


  beginTextEntry: ->
    console.log 'beginTextEntry()'
    return unless @state.marks.length > 0    
    @setState 
      workflow: "text-entry"
      selectedMark: @state.marks[0], =>
        console.log 'SELECTED MARK: ', @state.selectedMark


          { if @state.workflow is "text-entry"
            console.log ">>>>>>>>> TOP: ", @getScale().vertical * @state.selectedMark.y - window.innerHeight/2 + 8
            <TextEntryTool
              top={ @getScale().vertical * @state.selectedMark.yLower + 20 }
              left={@state.windowInnerWidth/2 - 200}
            />
          }

        </div>
