From fcfb4bf7e004f5c5224b5bbfbf04c25fcd44dcab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Mon, 16 Feb 2015 11:18:04 +0100
Subject: [PATCH] Fixed watchers size

---
 app/partials/common/components/watchers.jade |  5 ++---
 app/styles/components/watchers.scss          | 13 +++++++++----
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/app/partials/common/components/watchers.jade b/app/partials/common/components/watchers.jade
index 1361d34c..8d5dac17 100644
--- a/app/partials/common/components/watchers.jade
+++ b/app/partials/common/components/watchers.jade
@@ -11,8 +11,7 @@
 <% if(watcher) { %>
 .watcher-single
     .watcher-avatar
-        span.avatar(title!="<%- watcher.full_name_display %>")
-            img(src!="<%- watcher.photo %>" alt!="<%- watcher.full_name_display %>")
+        img(src!="<%- watcher.photo %>" alt!="<%- watcher.full_name_display %>")
     .watcher-name
         span <%- watcher.full_name_display %>
 
@@ -20,4 +19,4 @@
         a.icon.icon-delete(data-watcher-id!="<%- watcher.id %>" href="" title="delete-watcher")
         <% }; %>
 <% } %>
-<% }); %>
\ No newline at end of file
+<% }); %>
diff --git a/app/styles/components/watchers.scss b/app/styles/components/watchers.scss
index 0d0f0223..1c0a5770 100644
--- a/app/styles/components/watchers.scss
+++ b/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;