added external link icon

1 files changed, 8 insertions, 1 deletions

diff --git a/app/assets/javascripts/ide/components/jobs/item.vue b/app/assets/javascripts/ide/components/jobs/item.vue
index 7e9c42860ed..42b06945539 100644
--- a/app/assets/javascripts/ide/components/jobs/item.vue
+++ b/app/assets/javascripts/ide/components/jobs/item.vue
@@ -1,8 +1,10 @@
 <script>
+import Icon from '../../../vue_shared/components/icon.vue';
 import CiIcon from '../../../vue_shared/components/ci_icon.vue';
 
 export default {
   components: {
+    Icon,
     CiIcon,
   },
   props: {
@@ -31,8 +33,13 @@ export default {
       <a
         :href="job.path"
         target="_blank"
-        v-text="jobId"
+        class="ide-external-link"
       >
+        {{ jobId }}
+        <icon
+          name="external-link"
+          :size="12"
+        />
       </a>
     </span>
   </div>