converted undo image in component settings list to FontAwesome

cms/static/client_templates/metadata_number_entry.html

@@ -2,7 +2,7 @@
 	<label class="label setting-label" for="<%= uniqueId %>"><%= model.get('display_name') %></label>
 	<input class="input setting-input setting-input-number" type="number" id="<%= uniqueId %>" value='<%= model.get("value") %>'/>
 	<button class="action setting-clear inactive" type="button" name="setting-clear" value="Clear" data-tooltip="Clear">
-		<i class="ss-icon ss-symbolicons-block undo">&#x21A9;</i><span class="sr">Clear Value</span>
+		<i class="icon-undo"></i><span class="sr">Clear Value</span>
 	</button>
 </div>
 <span class="tip setting-help"><%= model.get('help') %></span>

cms/static/client_templates/metadata_option_entry.html

@@ -10,7 +10,7 @@
         <% }) %>
     </select>
     <button class="action setting-clear inactive" type="button" name="setting-clear" value="Clear" data-tooltip="Clear">
-        <i class="ss-icon ss-symbolicons-block undo">&#x21A9;</i><span class="sr">Clear Value</span>
+        <i class="icon-undo"></i><span class="sr">Clear Value</span>
     </button>
 </div>
 <span class="tip setting-help"><%= model.get('help') %></span>

cms/static/client_templates/metadata_string_entry.html

@@ -2,7 +2,7 @@
 	<label class="label setting-label" for="<%= uniqueId %>"><%= model.get('display_name') %></label>
 	<input class="input setting-input" type="text" id="<%= uniqueId %>" value='<%= model.get("value") %>'/>
 	<button class="action setting-clear inactive" type="button" name="setting-clear" value="Clear" data-tooltip="Clear">
-		<i class="ss-icon ss-symbolicons-block undo">&#x21A9;</i><span class="sr">Clear Value</span>
+		<i class="icon-undo"></i><span class="sr">Clear Value</span>
 	</button>
 </div>
 <span class="tip setting-help"><%= model.get('help') %></span>

cms/static/sass/views/_unit.scss

@@ -185,7 +185,7 @@ body.course.unit {
             &.new-component-problem {
               padding-bottom:10px;
 
-              .ss-icon, .editor-indicator {
+              [class^="icon-"], .editor-indicator {
                 display: inline-block;
               }
 
@@ -245,7 +245,7 @@ body.course.unit {
               }
             }
 
-            a{
+            a {
               display: block;
               padding: 15px 25px;
               font-size: 15px;
@@ -299,7 +299,7 @@ body.course.unit {
               .name {
                 float: left;
 
-                .ss-icon {
+                [class^="icon-"] {
                   @include transition(opacity .15s);
                   display: inline-block;
                   top: 1px;
@@ -320,14 +320,14 @@ body.course.unit {
                 opacity: 0.3;
               }
 
-              .ss-icon, .editor-indicator {
+              [class^="icon-"], .editor-indicator {
                 display: none;
               }
 
               &:hover {
                 color: #fff;
 
-                .ss-icon {
+                [class^="icon-"] {
                   opacity: 1.0;
                 }