Replace arrows and comment icons

h/static/scripts/annotator/plugin/toolbar.coffee

@@ -50,7 +50,7 @@ class Annotator.Plugin.Toolbar extends Annotator.Plugin
           @annotator.setVisibleHighlights state
     ,
       "title": "New Comment"
-      "class": "h-icon-mode-comment"
+      "class": "h-icon-insert-comment"
       "on":
         "click": (event) =>
           event.preventDefault()

h/static/scripts/guest.coffee

@@ -37,7 +37,7 @@ module.exports = class Annotator.Guest extends Annotator
   html: jQuery.extend {}, Annotator::html,
     adder: '''
       <div class="annotator-adder">
-        <button class="h-icon-mode-comment" data-action="comment"></button>
+        <button class="h-icon-insert-comment" data-action="comment"></button>
         <button class="h-icon-border-color" data-action="highlight"></button>
       </div>
     '''

h/static/scripts/host.coffee

@@ -66,8 +66,8 @@ module.exports = class Annotator.Host extends Annotator.Guest
 
     if @toolbar?
       @toolbar.find('.annotator-toolbar-toggle')
-      .removeClass('h-icon-arrow-back')
-      .addClass('h-icon-arrow-forward')
+      .removeClass('h-icon-chevron-left')
+      .addClass('h-icon-chevron-right')
 
   hideFrame: ->
       @frame.css 'margin-left': ''
@@ -76,8 +76,8 @@ module.exports = class Annotator.Host extends Annotator.Guest
 
       if @toolbar?
         @toolbar.find('.annotator-toolbar-toggle')
-        .removeClass('h-icon-arrow-forward')
-        .addClass('h-icon-arrow-back')
+        .removeClass('h-icon-chevron-right')
+        .addClass('h-icon-chevron-left')
 
 
   _addCrossFrameListeners: ->