change loading animation to FA user role style change

common/static/common/js/discussion/utils.js

@@ -127,7 +127,8 @@
 
         DiscussionUtil.showLoadingIndicator = function(element, takeFocus) {
             var animElem = edx.HtmlUtils.joinHtml(
-                edx.HtmlUtils.HTML("<div class='loading-animation' tabindex='0'><span class='sr'>"),
+                edx.HtmlUtils.HTML("<div class='loading-animation' tabindex='0'>"),
+                edx.HtmlUtils.HTML("<span class='icon fa fa-spinner' aria-hidden='true'></span><span class='sr'>"),
                 gettext('Loading content'),
                 edx.HtmlUtils.HTML('</span></div>')
             );

common/static/common/js/discussion/views/discussion_inline_view.js

@@ -193,6 +193,7 @@
                     });
                 }
             }
+            this.toggleDiscussionBtn.focus();
         },
 
         hideDiscussion: function() {

common/static/common/templates/discussion/post-user-display.underscore

@@ -1,9 +1,9 @@
 <% if (username) { %>
 <a href="<%- user_url %>" class="username"><%- username %></a>
     <% if (is_community_ta) { %>
-    <span class="user-label-community-ta"><%- gettext("Community TA") %></span>
+    <span class="user-label-community-ta"><%- gettext("(Community TA)") %></span>
     <% } else if (is_staff) { %>
-    <span class="user-label-staff"><%- gettext("Staff") %></span>
+    <span class="user-label-staff"><%- gettext("(Staff)") %></span>
     <% } %>
 <% } else { %>
     <%- gettext('anonymous') %>