4-column table layout for starrers view

app/assets/stylesheets/pages/users.scss

@@ -94,3 +94,8 @@
     flex: 1;
   }
 }
+
+.card-body .user {
+  color: $gl-text-color;
+  font-weight: $gl-font-weight-bold;
+}

app/views/projects/starrers/index.html.haml

@@ -21,5 +21,5 @@
                 %li
                   = link_to filter_user_path(sort: value), class: ("is-active" if @sort == value) do
                     = title
-%ul.content-list.users-list.qa-users-list
-  = render partial: 'shared/users/user', collection: @starrers, as: :user
+.row.prepend-top-10
+  = render partial: 'shared/users/usercell', collection: @starrers, as: :user

app/views/shared/users/_usercell.html.haml

+- user = local_assigns.fetch(:user)
+
+.col-lg-3.col-md-4.col-sm-12
+  .card
+    .card-body
+      = image_tag avatar_icon_for_user(user, 40), class: "avatar s40", alt: ''
+      .block-truncated
+        = link_to user.name, user_path(user), class: 'user js-user-link', data: { user_id: user.id }
+      %span.cgray= user.to_reference
+
+      - if user == current_user
+        %span.badge.badge-success.prepend-left-5= _("It's you")