From fa330784d3fa31c394876a0babf3a85ac578c989 Mon Sep 17 00:00:00 2001
From: Frances Botsford <frances@edx.org>
Date: Mon, 20 May 2013 11:58:53 -0400
Subject: [PATCH] removed symbolset, replaced with fontawesome for gradable
 status; added transform-origin for saving notification animation to remove
 wobble

---
 cms/static/js/views/grader-select-view.js      | 2 +-
 cms/static/sass/_base.scss                     | 3 ++-
 cms/static/sass/elements/_system-feedback.scss | 4 +++-
 cms/static/sass/views/_outline.scss            | 7 +++++++
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/cms/static/js/views/grader-select-view.js b/cms/static/js/views/grader-select-view.js
index 941342f89e..b22e763710 100644
--- a/cms/static/js/views/grader-select-view.js
+++ b/cms/static/js/views/grader-select-view.js
@@ -35,7 +35,7 @@ CMS.Views.OverviewAssignmentGrader = Backbone.View.extend({
 				// TODO move to a template file
 				'<h4 class="status-label"><%= assignmentType %></h4>' +
 				'<a data-tooltip="Mark/unmark this subsection as graded" class="menu-toggle" href="#">' +
-					'<% if (!hideSymbol) {%><span class="ss-icon ss-standard">&#x2713;</span><%};%>' +
+					'<% if (!hideSymbol) {%><i class="icon-ok"></i><%};%>' +
 				'</a>' +
 				'<ul class="menu">' +
 					'<% graders.each(function(option) { %>' +
diff --git a/cms/static/sass/_base.scss b/cms/static/sass/_base.scss
index 96a78d2807..8f07ab34bc 100644
--- a/cms/static/sass/_base.scss
+++ b/cms/static/sass/_base.scss
@@ -752,8 +752,9 @@ hr.divide {
 
   .icon-plus {
     display: inline-block;
-    vertical-align: baseline;
+    vertical-align: middle;
     margin-right: ($baseline/4);
+    margin-top: -2px;
     line-height: 0;
   }
 }
diff --git a/cms/static/sass/elements/_system-feedback.scss b/cms/static/sass/elements/_system-feedback.scss
index f694cc3d26..4cf27eb326 100644
--- a/cms/static/sass/elements/_system-feedback.scss
+++ b/cms/static/sass/elements/_system-feedback.scss
@@ -438,7 +438,9 @@
 
     [class^="icon"] {
       @include anim-rotateClockwise(3s, linear, infinite);
-      width: 22px;
+      width: 25px;
+      margin: -4px 10px 0 0;
+      @include transform-origin(52% 60%);
     }
 
     .copy p {
diff --git a/cms/static/sass/views/_outline.scss b/cms/static/sass/views/_outline.scss
index 4d41d3e437..f829bf8c0c 100644
--- a/cms/static/sass/views/_outline.scss
+++ b/cms/static/sass/views/_outline.scss
@@ -56,6 +56,12 @@ body.course.outline {
                 }
               }
 
+              [class^="icon-"] {
+                  vertical-align: middle;
+                  margin-top: -5px;
+                  display: inline-block;
+                }
+
               .menu {
                 @include font-size(12);
                 @include border-radius(4px);
@@ -331,6 +337,7 @@ body.course.outline {
                 &:hover, &.is-active {
                   color: $blue;
                 }
+
               }
 
               .menu {