Started making use of gravatar icons.

RIGS/static/scss/screen.scss

@@ -18,13 +18,12 @@ body, .pad-top {
 #userdropdown > li {
   padding: 0 0.3em;
 
-	&.media {
-		display: inline-flex;
+  .media-object {
+    max-width: 3em;
   }
 }
 
-.table tbody>tr>td.vert-align
-{
+.table tbody > tr > td.vert-align {
   vertical-align: middle;
 }
 
@@ -37,10 +36,15 @@ textarea {
   resize: vertical;
 }
 
-.btn-page, .btn-pad { // .btn-page should be refactored out to .btn-page in the future
+.btn-page, .btn-pad {
+  // .btn-page should be refactored out to .btn-page in the future
   margin: 0 0 0.5em;
 }
 
 .custom-combobox {
   display: block;
 }
+
+.event-mic-photo {
+  max-width: 2em;
+}

RIGS/templates/RIGS/event_table.html

@@ -71,9 +71,12 @@
                         {% endif %}
                     </dl>
                 </td>
-                <td class="text-center">
+                <td class="text-right">
                     {% if event.mic or not event.is_rig %}
                         {{ event.mic.initials }}
+                        <div>
+                            <img src="{{ event.mic.profile_picture }}" class="event-mic-photo"/>
+                        </div>
                     {% else %}
                         <span class="glyphicon glyphicon-exclamation-sign"></span>
                     {% endif %}