         <i class="icon-plus"></i> Highlight</button>
     </div>
 
-    <div class="note-input input-append">
+    <div class="note-input input-append input-prepend">
+      <button class="note note-delete btn btn-small">
+        <i class="icon-trash"></i></button>
       <input type="text" class="note input" placeholder="clip note" />
-      <button class="note btn btn-small btn-success">
+      <button class="note note-save btn btn-small btn-success">
         <i class="icon-ok"></i></button>
     </div>
     '''

      .append(@controlsView.render().el)

    @controlsView.$el.append @controlsTemplate()
    @$('.note-input button').first().tooltip
      trigger: 'hover'
      title: 'Enter Clip Note'

    @_inactivateHighlights()
    @

    @_activeHighlight()?.clip.title = @$('.note-input input').first().val()


  _deleteHighlight: =>
    highlightView = @_activeHighlight()
    unless highlightView
      return

    @_inactivateHighlights()

    # remove from model
    highlights = @model.highlights()
    highlights.splice(highlights.indexOf(highlightView.clip), 1)

    # remove from views
    @highlightViews.splice(@highlightViews.indexOf(highlightView), 1)

    @clipGroupView.softRender()

  _inactivateHighlights: =>
    _.each @highlightViews, (highlightView) =>
      highlightView.toggleActive false
