Applying UX feedback

ee/app/assets/javascripts/packages/list/components/packages_list_row.vue

@@ -2,7 +2,6 @@
 import PackageTags from '../../shared/components/package_tags.vue';
 import PublishMethod from './publish_method.vue';
 import { GlNewButton, GlIcon, GlLink, GlSprintf, GlTooltipDirective } from '@gitlab/ui';
-import { s__ } from '~/locale';
 import { getPackageType } from '../../shared/utils';
 import timeagoMixin from '~/vue_shared/mixins/timeago';
 import { mapState } from 'vuex';
@@ -31,16 +30,12 @@ export default {
     ...mapState({
       isGroupPage: state => state.config.isGroupPage,
     }),
-    createdBy() {
-      if (this.packageEntity.pipeline) {
-        return s__('PackageRegistry|%{version} published by %{author}');
-      }
-
-      return '%{version}';
-    },
     packageType() {
       return getPackageType(this.packageEntity.package_type);
     },
+    hasPipeline() {
+      return Boolean(this.packageEntity.pipeline);
+    },
     hasProjectLink() {
       return Boolean(this.packageEntity.project_path);
     },
@@ -68,14 +63,13 @@ export default {
       </div>
 
       <div class="d-flex text-secondary text-truncate mt-md-2">
-        <gl-sprintf :message="createdBy">
-          <template #version>
-            <gl-icon name="eye" class="text-secondary mr-1" />
-            {{ packageEntity.version }}
-          </template>
+        <span>{{ packageEntity.version }}</span>
 
+        <div v-if="hasPipeline" class="d-none d-md-inline-block ml-1">
+          <gl-sprintf :message="s__('PackageRegistry|published by %{author}')">
             <template #author>{{ packageEntity.pipeline.user.name }}</template>
           </gl-sprintf>
+        </div>
 
         <div v-if="hasProjectLink" class="d-flex align-items-center">
           <gl-icon name="review-list" class="text-secondary ml-2 mr-1" />

ee/spec/frontend/packages/list/components/__snapshots__/packages_list_row_spec.js.snap

@@ -24,9 +24,11 @@ exports[`packages_list_row renders 1`] = `
     <div
       class="d-flex text-secondary text-truncate mt-md-2"
     >
-      <gl-sprintf-stub
-        message="%{version}"
-      />
+      <span>
+        1.0.0
+      </span>
+       
+      <!---->
        
       <div
         class="d-flex align-items-center"

locale/gitlab.pot

@@ -14263,9 +14263,6 @@ msgstr ""
 msgid "Package was removed"
 msgstr ""
 
-msgid "PackageRegistry|%{version} published by %{author}"
-msgstr ""
-
 msgid "PackageRegistry|Add Conan Remote"
 msgstr ""
 
@@ -14404,6 +14401,9 @@ msgstr ""
 msgid "PackageRegistry|npm"
 msgstr ""
 
+msgid "PackageRegistry|published by %{author}"
+msgstr ""
+
 msgid "PackageRegistry|yarn"
 msgstr ""