pin and flag icons using fontawesome now render properly through inline discussions

lms/static/sass/_discussion.scss

@@ -727,7 +727,7 @@ body.discussion {
       display: block;
       position: absolute;
       padding: 15px 23px;
-      color: $gray-l1;
+      color: $gray;
       font-size: 28px;
       z-index: 100;
       opacity: 1;
@@ -2659,8 +2659,6 @@ body.discussion {
 .notpinned span {
   color: #888;
   font-style: italic;
-  //cursor change is here since pins are read-only for inline discussions.
-  cursor: default;
 }
 
 .pinned-false

lms/templates/discussion/mustache/_inline_thread_show.mustache

@@ -4,10 +4,10 @@
         <a href="#" class="vote-btn discussion-vote discussion-vote-up" data-role="discussion-vote" data-tooltip="vote"><span class="plus-icon">+</span> <span class='votes-count-number'>{{votes.up_count}}</span></a>
         <h3>{{title}}</h3>
         <div class="discussion-flag-abuse notflagged" data-role="thread-flag" data-tooltip="Report Misuse">
-        <i class="icon"></i><span class="flag-label">Flagged</span></div>
+        <i class="icon icon-flag"></i><span class="flag-label">Flagged</span></div>
 
         <div class="discussion-pin-inline pinned  pinned-{{pinned}}" data-tooltip="This thread has been pinned by course staff.">                
-        <i class="icon"></i><span class="pin-label">Pinned</span></div>
+        <i class="icon icon-pushpin"></i><span class="pin-label">Pinned</span></div>
 
         <p class="posted-details">
             {{#user}}