team profile restyled

app/assets/stylesheets/common.scss

@@ -370,12 +370,12 @@ img.lil_av {
 
 .profile_avatar_holder { 
   float:left;
-  width:90px;
-  height:90px;
+  width:60px;
+  height:60px;
   margin-right:20px;
   img { 
-    width:90px;
-    height:90px;
+    width:60px;
+    height:60px;
     background:#eee;
   }
 }
@@ -1173,3 +1173,9 @@ li.note {
 .wiki_content code, .readme code{
   background-color: inherit;
 }
+
+.team_member_show { 
+  td:first-child { 
+    color:#aaa;
+  }
+}

app/views/team_members/show.html.haml

 - allow_admin = can? current_user, :admin_project, @project
 - user = @team_member.user
 
-.row
-  .span8
-    .profile_avatar_holder
-      = image_tag gravatar_icon(user.email, 90), :class => "styled_image"
-    %h3
-      = user.name
-      %br
-      %small
-        = user.email
+.team_member_show
+  .profile_avatar_holder
+    = image_tag gravatar_icon(user.email, 60), :class => "borders"
+  %h3
+    = user.name
+    %small
+      = user.email
+  %hr
+  .back_link
     %br
-    .back_link
-      %br
-      = link_to team_project_path(@project), :class => "" do 
-        ← To team list
-  
-  .span8.right
-    %div
-      %div
-        %h5.cgray
-          Member since: 
-          %span.right
-            = @team_member.created_at.stamp("Aug 21, 2011") 
-        %h5.cgray
-          Project Access: 
-          %small (#{link_to "read more", help_permissions_path, :class => "vlink"})
-          %span.right
+    = link_to team_project_path(@project), :class => "" do 
+      ← To team list
+  %br
+  .row
+    .span8
+      %table.no-borders
+        %tr
+          %td Email
+          %td= mail_to user.email
+        %tr
+          %td Skype
+          %td= user.skype
+        - unless user.linkedin.blank?
+          %tr
+            %td LinkedIn
+            %td= user.linkedin
+        - unless user.twitter.blank?
+          %tr
+            %td Twitter
+            %td= user.twitter
+        - unless user.bio.blank?
+          %tr
+            %td Bio
+            %td= user.bio
+    .span8
+      %table.no-borders
+        %tr
+          %td Member since
+          %td= @team_member.created_at.stamp("Aug 21, 2011")
+        %tr
+          %td
+            Project Access:
+            %small (#{link_to "read more", help_permissions_path, :class => "vlink"})
+          %td
             = form_for(@team_member, :as => :team_member, :url => project_team_member_path(@project, @team_member)) do |f|
               = f.select :project_access, options_for_select(Project.access_options, @team_member.project_access), {}, :class => "project-access-select", :disabled => !allow_admin
-
-
-
-%div.prepend-top-20
-  - unless user.skype.empty?
-    %p
-      %b Skype:
-      = user.skype
-
-  - unless user.linkedin.empty?
-    %p
-      %b LinkedIn:
-      = user.linkedin
-
-  - unless user.twitter.empty?
-    %p
-      %b Twitter:
-      = user.twitter
-    - unless user.bio.empty?
-      %p
-        %b Bio:
-        = user.bio
-
-= render user.recent_events.limit(3)
-
-
-- if can? current_user, :admin_project, @project
-  .actions
-    = link_to 'Remove from team', project_team_member_path(:project_id => @project, :id => @team_member.id), :confirm => 'Are you sure?', :method => :delete, :class => "btn danger"
+  %hr
+  = render user.recent_events.limit(3)
+  - if can? current_user, :admin_project, @project
+    .actions
+      = link_to 'Remove from team', project_team_member_path(:project_id => @project, :id => @team_member.id), :confirm => 'Are you sure?', :method => :delete, :class => "btn danger"
 
 :javascript
   $(function(){