1 files changed, 23 insertions, 22 deletions
diff --git a/app/views/admin/projects/_projects.html.haml b/app/views/admin/projects/_projects.html.haml
index f56b77813b5..c7c30673d74 100644
--- a/app/views/admin/projects/_projects.html.haml
+++ b/app/views/admin/projects/_projects.html.haml
@@ -1,32 +1,33 @@
 .js-projects-list-holder
   - if @projects.any?
-    %ul.projects-list.content-list.admin-projects
+    %ul.content-list
       - @projects.each do |project|
-        %li.project-row{ class: ('no-description' if project.description.blank?) }
-          .controls
-            = link_to _('Edit'), edit_project_path(project), id: "edit_#{dom_id(project)}", class: "btn gl-button btn-default"
-            %button.delete-project-button.gl-button.btn.btn-danger{ data: { delete_project_url: admin_project_path(project), project_name: project.name } }
-              = s_('AdminProjects|Delete')
+        %li.project-row.gl-align-items-center{ class: 'gl-display-flex!' }
+          .avatar-container.rect-avatar.s40.gl-flex-shrink-0
+            = project_icon(project, alt: '', class: 'avatar project-avatar s40', width: 40, height: 40)
+          .gl-min-w-0.gl-flex-grow-1
+            .title
+              = link_to(admin_project_path(project)) do
+                %span.project-full-name
+                  %span.namespace-name
+                    - if project.namespace
+                      = project.namespace.human_name
+                      \/
+                  %span.project-name
+                    = project.name
 
-          .stats
+            - if project.description.present?
+              .description
+                = markdown_field(project, :description)
+          .stats.gl-text-gray-500.gl-flex-shrink-0.gl-display-none.gl-sm-display-flex
             = gl_badge_tag storage_counter(project.statistics&.storage_size)
             = render_if_exists 'admin/projects/archived', project: project
-          .title
-            = link_to(admin_project_path(project)) do
-              .dash-project-avatar
-                .avatar-container.rect-avatar.s40
-                  = project_icon(project, alt: '', class: 'avatar project-avatar s40', width: 40, height: 40)
-              %span.project-full-name
-                %span.namespace-name
-                  - if project.namespace
-                    = project.namespace.human_name
-                    \/
-                %span.project-name
-                  = project.name
 
-          - if project.description.present?
-            .description
-              = markdown_field(project, :description)
+          .controls.gl-flex-shrink-0.gl-ml-5
+            = render Pajamas::ButtonComponent.new(href: edit_project_path(project), button_options: { id: dom_id(project, :edit) }) do
+              = s_('Edit')
+            = render Pajamas::ButtonComponent.new(variant: :danger, button_options: { class: 'delete-project-button', data: { delete_project_url: admin_project_path(project), project_name: project.name } } ) do
+              = s_('AdminProjects|Delete')
 
     = paginate @projects, theme: 'gitlab'
   - else