dashboard: change fa-users to profile pictures

circle/dashboard/static/dashboard/dashboard.less

@@ -72,12 +72,8 @@ html {
   }
 
   #dashboard-menu > li:last-child > a {
-    padding-top: 4px;
-    padding-bottom: 0px;
-    padding-right: 0px;
-    padding-left: 0px;
-}
-
+    padding: 4px 0 0 0;
+  }
 }
 
 .no-margin {
@@ -1342,3 +1338,7 @@ textarea[name="new_members"] {
 .little-margin-bottom {
   margin-bottom: 5px;
 }
+
+.acl-table td:first-child {
+  text-align: center;
+}

circle/dashboard/templates/dashboard/_manage_access.html

 {% load i18n %}
 <form action="{{ acl.url }}" method="post">{% csrf_token %}
-    <table class="table table-striped table-with-form-fields" id="{{table_id}}">
+    <table class="table table-striped table-with-form-fields acl-table" id="{{table_id}}">
     <thead>
         <tr>
         <th></th>
@@ -13,7 +13,7 @@
         {% for i in acl.users %}
         <tr>
         <td>
-            <i class="fa fa-user"></i>
+          <img class="profile-avatar" src="{{ i.user.profile.get_avatar_url }}"/>
         </td>
         <td>
             <a href="{% url "dashboard.views.profile" username=i.user.username %}"

circle/dashboard/templates/dashboard/base.html

@@ -81,7 +81,7 @@
         <li>{% trans "Loading..." %}</li>
       </ul>
     </li>
-    <li>
+    <li class="hidden-xs">
       <a href="{% url "dashboard.views.profile-preferences" %}">
         <img class="profile-avatar" src="{{ user.profile.get_avatar_url }}" />
       </a>

circle/dashboard/templates/dashboard/group-detail.html

@@ -90,7 +90,7 @@
               {% for i in users %}
                 <tr>
                   <td>
-                    <i class="fa fa-user"></i>
+                    <img class="profile-avatar" src="{{ i.profile.get_avatar_url}}"/>
                   </td>
                   <td>
                     <a href="{% url "dashboard.views.profile" username=i.username %}" title="{{ i.username }}"