Merge branch...

Merge branch '321057-refine-the-user-interface-related-to-package-lists-and-the-search-bar' into 'master'

Refine Registry Lists and Search Bar UI

See merge request gitlab-org/gitlab!54549

app/assets/javascripts/registry/explorer/components/list_page/image_list.vue

@@ -37,7 +37,6 @@ export default {
       v-for="(listItem, index) in images"
       :key="index"
       :item="listItem"
-      :first="index === 0"
       :metadata-loading="metadataLoading"
       @delete="$emit('delete', $event)"
     />

app/assets/javascripts/vue_shared/components/registry/list_item.vue

@@ -54,7 +54,7 @@ export default {
     class="gl-display-flex gl-flex-direction-column gl-border-b-solid gl-border-t-solid gl-border-t-1 gl-border-b-1"
     :class="optionalClasses"
   >
-    <div class="gl-display-flex gl-align-items-center gl-py-3">
+    <div class="gl-display-flex gl-align-items-center gl-py-3 gl-px-5">
       <div
         v-if="$slots['left-action']"
         class="gl-w-7 gl-display-none gl-sm-display-flex gl-justify-content-start gl-pl-2"

changelogs/unreleased/321057-refine-the-user-interface-related-to-package-lists-and-the-search-.yml

+---
+title: Refine Registry Lists and Search Bar UI
+merge_request: 54549
+author:
+type: changed

spec/frontend/packages/shared/components/__snapshots__/package_list_row_spec.js.snap

@@ -6,7 +6,7 @@ exports[`packages_list_row renders 1`] = `
   data-qa-selector="package_row"
 >
   <div
-    class="gl-display-flex gl-align-items-center gl-py-3"
+    class="gl-display-flex gl-align-items-center gl-py-3 gl-px-5"
   >
     <!---->