pollished team index

app/assets/stylesheets/common.scss

@@ -9,6 +9,14 @@ a {
   &.btn { 
     color: $style_color;
   }
+
+  &.dark { 
+    color: $style_color;
+  }
+
+  &.lined { 
+    text-decoration:underlined; 
+  }
 }
 
 
@@ -32,6 +40,10 @@ a:focus {
   color: $link_color !important;
 }
 
+.dlink { 
+
+}
+
 .pills a:hover { 
   background-color:#ccc;
 }
@@ -700,12 +712,6 @@ input.git_clone_url {
   width:475px;
 }
 
-.team_member_row { 
-  img { 
-    width:60px;
-  }
-}
-
 .merge-request-form-holder {
   select { 
     width:300px;

app/views/team_members/_show.html.haml

 - user = member.user
 - allow_admin = can? current_user, :admin_project, @project
 %li{:id => dom_id(member), :class => "team_member_row wll"}
-  .left
-    = link_to project_team_member_path(@project, member), :title => user.name do 
-      = image_tag gravatar_icon(user.email, 60), :class => "styled_image"
   .row
     .span8
-      %h4
-        = truncate(user.name, :lenght => 24)
-        %br
-        %small= truncate user.email, :lenght => 24
+      = link_to project_team_member_path(@project, member), :title => user.name, :class => "dark" do 
+        = image_tag gravatar_icon(user.email, 40), :class => "avatar"
+        %strong= truncate(user.name, :lenght => 40)
+      .prepend-top-10= user.email
 
     .span3
       = form_for(member, :as => :team_member, :url => project_team_member_path(@project, member)) do |f|