Fixed watchers size

app/partials/common/components/watchers.jade

@@ -11,7 +11,6 @@
 <% if(watcher) { %>
 .watcher-single
     .watcher-avatar
-        span.avatar(title!="<%- watcher.full_name_display %>")
         img(src!="<%- watcher.photo %>" alt!="<%- watcher.full_name_display %>")
     .watcher-name
         span <%- watcher.full_name_display %>

app/styles/components/watchers.scss

@@ -25,7 +25,7 @@
         border-bottom: 1px solid $gray-light;
         display: flex;
         justify-content: center;
-        padding: .5rem;
+        padding: .5rem 0 .3rem;
         vertical-align: middle;
         &:last-child {
             border: 0;
@@ -37,6 +37,14 @@
             }
         }
     }
+    .watcher-avatar {
+        align-items: center;
+        flex-basis: 3rem;
+        max-width: 3rem;
+        img {
+            width: 100%;
+        }
+    }
     .watcher-name {
         @extend %small;
         color: $grayer;
@@ -44,9 +52,6 @@
         margin-left: 1rem;
         position: relative;
     }
-    .watcher-avatar {
-        flex: 1 0 0;
-    }
     .icon-delete {
         opacity: 0;
         position: absolute;