Swap icons for font awesome

cms/templates/widgets/open-ended-edit.html

@@ -5,11 +5,11 @@
         <div class="editor-bar">
             <ul class="format-buttons">
                 <li><a href="#" class="prompt-button" data-tooltip="Prompt"><span
-                        class="combinedopenended-editor-icon explanation"></span></a></li>
+                        class="combinedopenended-editor-icon icon-quote-left"></span></a></li>
                 <li><a href="#" class="rubric-button" data-tooltip="Rubric"><span
-                        class="combinedopenended-editor-icon multiple-choice"></span></a></li>
+                        class="combinedopenended-editor-icon icon-columns"></span></a></li>
                 <li><a href="#" class="tasks-button" data-tooltip="Tasks"><span
-                        class="combinedopenended-editor-icon dropdown"></span></a></li>
+                        class="combinedopenended-editor-icon icon-sitemap"></span></a></li>
             </ul>
             <ul class="editor-tabs">
                 <li><a href="#" class="xml-tab advanced-toggle" data-tab="xml">Advanced Editor</a></li>

common/lib/xmodule/xmodule/css/combinedopenended/edit.scss

@@ -101,22 +101,6 @@
 
 .combinedopenended-editor-icon {
   display: inline-block;
-  width: 26px;
-  height: 21px;
   vertical-align: middle;
-  background: url(../img/problem-editor-icons.png) no-repeat;
-}
-
-.combinedopenended-editor-icon.multiple-choice {
-  background-position: 0 0;
-}
-
-.combinedopenended-editor-icon.explanation {
-  width: 28px;
-  background-position: -111px 0;
-}
-
-.combinedopenended-editor-icon.dropdown {
-  width: 28px;
-  background-position: -111px 0;
-}
+  color: #333;
+}
\ No newline at end of file