Restyle admin -> groups page

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

 %h3.page_title
-  Groups
+  Groups (#{@groups.total_count})
   %small
     allows you to keep projects organized.
     Use groups for uniting related projects.
@@ -7,31 +7,42 @@
   = link_to 'New Group', new_admin_group_path, class: "btn btn-small pull-right"
 %br
 = form_tag admin_groups_path, method: :get, class: 'form-inline' do
-  = text_field_tag :name, params[:name], class: "xlarge"
+  = text_field_tag :name, params[:name], class: "span6"
   = submit_tag "Search", class: "btn submit btn-primary"
 
-%table
-  %thead
-    %tr
-      %th
-        Name
-        %i.icon-sort-down
-      %th Description
-      %th Path
-      %th Projects
-      %th Owner
-      %th.cred Danger Zone!
+%hr
 
+%ul.bordered-list
   - @groups.each do |group|
-    %tr
-      %td
-        %strong= link_to group.name, [:admin, group]
-      %td= truncate group.description
-      %td= group.path
-      %td= group.projects.count
-      %td
-        = link_to group.owner_name, admin_user_path(group.owner)
-      %td.bgred
+    %li
+      .clearfix
+        .pull-right.prepend-top-10
           = link_to 'Edit', edit_admin_group_path(group), id: "edit_#{dom_id(group)}", class: "btn btn-small"
           = link_to 'Destroy', [:admin, group], confirm: "REMOVE #{group.name}? Are you sure?", method: :delete, class: "btn btn-small btn-remove"
+
+        %h4
+          = link_to [:admin, group] do
+            = group.name
+
+          →
+          %span.monospace
+            %i.icon-folder-close
+            %strong #{group.path}/
+
+      .clearfix.light.append-bottom-10
+        %span
+          %b Owner:
+          - if group.owner
+            = link_to group.owner_name, admin_user_path(group.owner)
+          - else
+            (deleted)
+        \|
+        %span
+          %b Projects:
+          %span.badge= group.projects.count
+
+      .clearfix
+        %p
+          = truncate group.description, length: 150
+
 = paginate @groups, theme: "gitlab"