   @tooltip.id = 'link-tooltip'
   @tooltip.innerHTML =
    '<span class="title">Visit URL:</span>
-    <a class="url" target="_blank" href="about:blank"></a>
+    <a href="#" class="url" target="_blank" href="about:blank"></a>
     <input class="input" type="text">
     <span>&#45;</span>
-    <a class="action">Change</a>'
+    <a href="javascript:;" class="change">Change</a>
+    <a href="javascript:;" class="done">Done</a>'
   @tooltipLink = @tooltip.querySelector('.url')
   @tooltipInput = @tooltip.querySelector('.input')
-  @tooltipAction = @tooltip.querySelector('.action')
+  @tooltipChange = @tooltip.querySelector('.change')
+  @tooltipDone = @tooltip.querySelector('.done')
   @editor.renderer.addStyles(
     '#link-tooltip': {
       'background-color': '#fff'

initListeners = ->
  @editor.root.addEventListener('click', (event) =>
    if event.target?.tagName == 'A'
      showTooptip.call(this, event.target, @tooltip.offsetParent, @editor.root)
    else
      hideTooltip.call(this)

    }
    '#link-tooltip a': {
      'cursor': 'pointer'
      'text-decoration': 'none'
    }
    '#link-tooltip .input'          : { 'display': 'none' }
    '#link-tooltip .done'           : { 'display': 'none' }
    '#link-tooltip.editing .input'  : { 'display': 'inline' }
    '#link-tooltip.editing .done'   : { 'display': 'inline' }
    '#link-tooltip.editing .url'    : { 'display': 'none' }
    '#link-tooltip.editing .change' : { 'display': 'none' }
  )
  @editor.renderer.addContainer(@tooltip)

