       'touchend .marking-surface': 'selectEgoTool'
 
   selectEgoTool:
-    content: translate 'div', 'tutorial.selectEgoTool.content'
-    instruction: translate 'div', 'tutorial.selectEgoTool.instruction'
+    content: translate 'span', 'tutorial.selectEgoTool.content'
+    instruction: translate 'span', 'tutorial.selectEgoTool.instruction'
     attachment: [0.5, 1, 'input[name="tool"][value="ego"] + *', 0.5, 0]
     arrow: 'bottom'
     actionable: 'input[name="tool"][value="ego"] + *'

      'touchend .marking-surface': 'callOutTalk'

  callOutTalk:
    content: translate 'div', 'tutorial.callOutTalk.content'
    attachment: [0, 0.5, 'a.discuss', 1, 0.5]
    arrow: 'left'
    next: 'callOutFavorite'

  callOutFavorite:
    content: translate 'div', 'tutorial.callOutFavorite.content'
    attachment: [0, 0.5, 'button[name="favorite"]', 1, 0.5]
    arrow: 'left'
    next: 'callOutHelp'

  callOutHelp:
    content: translate 'div', 'tutorial.callOutHelp.content'
    attachment: [0, 0.5, 'button[name="help"]', 1, 0.5]
    arrow: 'left'
    next: 'theEnd'

  theEnd:
    content: translate 'div', 'tutorial.theEnd.content'

module.exports = tutorialSteps

    next: 'change input[name="tool"][value="cluster"]': 'markCluster'

  markCluster:
    content: translate 'span', 'tutorial.markCluster.content'
    instruction: translate 'span', 'tutorial.markCluster.instruction'
    attachment: [1, 0.5, '.marking-surface', 0.6, 0.3]
    arrow: 'right'

