Style groups page

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

app/assets/stylesheets/generic/lists.scss

@@ -109,6 +109,10 @@ ul.content-list {
     padding: 18px;
     border-color: #f1f2f4;
     margin: 0 -18px;
+
+    .avatar {
+      margin-right: 15px;
+    }
   }
 }
 

app/views/dashboard/groups/index.html.haml

@@ -1,14 +1,17 @@
 - page_title "Groups"
 = render 'dashboard/groups_head'
 
-.slead
-  Group members have access to all group projects.
+.gray-content-block
   - if current_user.can_create_group?
     %span.pull-right.hidden-xs
-      = link_to new_group_path, class: "btn btn-new btn-sm" do
+      = link_to new_group_path, class: "btn btn-new" do
         %i.fa.fa-plus
         New Group
-%ul.bordered-list
+  Welcome to the groups!
+  %br
+  Group members have access to all group projects.
+
+%ul.content-list
   - @group_members.each do |group_member|
     - group = group_member.group
     = render 'shared/groups/group', group: group, group_member: group_member

app/views/shared/groups/_group.html.haml

@@ -11,7 +11,7 @@
         %i.fa.fa-sign-out
         Leave
 
-  = image_tag group_icon(group), class: "avatar s40 avatar-tile hidden-xs"
+  = image_tag group_icon(group), class: "avatar s48 hidden-xs"
   = link_to group, class: 'group-name' do
     %strong= group.name