Round avatars for notes timeline

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

app/assets/stylesheets/generic/timeline.scss

@@ -10,7 +10,7 @@
     content: " ";
     width: 3px;
     background-color: #eeeeee;
-    margin-left: 25px;
+    margin-left: 29px;
   }
 
   .timeline-entry {
@@ -42,11 +42,13 @@
         background: #fff;
         color: #737881;
         float: left;
-        @include border-radius(4px);
+        @include border-radius(40px);
         @include box-shadow(0 0 0 3px #EEE);
+        overflow: hidden;
 
         .avatar {
           margin: 0;
+          padding: 0;
         }
       }
 

app/views/projects/notes/_discussion.html.haml

@@ -2,7 +2,7 @@
 .timeline-entry
   .timeline-entry-inner
     .timeline-icon
-      = image_tag avatar_icon(note.author_email), class: "avatar s32"
+      = image_tag avatar_icon(note.author_email), class: "avatar s40"
     .timeline-content
       - if note.for_merge_request?
         - if note.outdated?

app/views/projects/notes/_note.html.haml

 %li.timeline-entry{ id: dom_id(note), class: dom_class(note), data: { discussion: note.discussion_id } }
   .timeline-entry-inner
     .timeline-icon
-      = image_tag avatar_icon(note.author_email), class: "avatar s32"
+      = image_tag avatar_icon(note.author_email), class: "avatar s40"
     .timeline-content
       .note-header
         .note-actions