1 files changed, 19 insertions, 71 deletions

diff --git a/app/assets/javascripts/jobs/components/sidebar.vue b/app/assets/javascripts/jobs/components/sidebar.vue
index f7b7b8f10f7..0f590e077bf 100644
--- a/app/assets/javascripts/jobs/components/sidebar.vue
+++ b/app/assets/javascripts/jobs/components/sidebar.vue
@@ -1,7 +1,7 @@
 <script>
 import _ from 'underscore';
 import { mapActions, mapState } from 'vuex';
-import { GlLink, GlButton } from '@gitlab-org/gitlab-ui';
+import { GlLink, GlButton } from '@gitlab/ui';
 import timeagoMixin from '~/vue_shared/mixins/timeago';
 import { timeIntervalInWords } from '~/lib/utils/datetime_utility';
 import Icon from '~/vue_shared/components/icon.vue';
@@ -107,17 +107,11 @@ export default {
 };
 </script>
 <template>
-  <aside
-    class="right-sidebar build-sidebar"
-    data-offset-top="101"
-    data-spy="affix"
-  >
+  <aside class="right-sidebar build-sidebar" data-offset-top="101" data-spy="affix">
     <div class="sidebar-container">
       <div class="blocks-container">
         <div class="block">
-          <strong class="inline prepend-top-8">
-            {{ job.name }}
-          </strong>
+          <strong class="inline prepend-top-8"> {{ job.name }} </strong>
           <gl-link
             v-if="job.retry_path"
             :class="retryButtonClass"
@@ -134,8 +128,7 @@ export default {
       btn-inverted visible-md-block visible-lg-block"
             target="_blank"
           >
-            {{ __('Debug') }}
-            <icon name="external-link" />
+            {{ __('Debug') }} <icon name="external-link" />
           </gl-link>
           <gl-button
             :aria-label="__('Toggle Sidebar')"
@@ -144,17 +137,10 @@ export default {
         float-right d-block d-md-none js-sidebar-build-toggle"
             @click="toggleSidebar"
           >
-            <i
-              aria-hidden="true"
-              data-hidden="true"
-              class="fa fa-angle-double-right"
-            ></i>
+            <i aria-hidden="true" data-hidden="true" class="fa fa-angle-double-right"></i>
           </gl-button>
         </div>
-        <div
-          v-if="job.retry_path || job.new_issue_path"
-          class="block retry-link"
-        >
+        <div v-if="job.retry_path || job.new_issue_path" class="block retry-link">
           <gl-link
             v-if="job.new_issue_path"
             :href="job.new_issue_path"
@@ -172,17 +158,10 @@ export default {
             {{ __('Retry') }}
           </gl-link>
         </div>
-        <div :class="{ block : renderBlock }">
-          <p
-            v-if="job.merge_request"
-            class="build-detail-row js-job-mr"
-          >
-            <span class="build-light-text">
-              {{ __('Merge Request:') }}
-            </span>
-            <gl-link :href="job.merge_request.path">
-              !{{ job.merge_request.iid }}
-            </gl-link>
+        <div :class="{ block: renderBlock }">
+          <p v-if="job.merge_request" class="build-detail-row js-job-mr">
+            <span class="build-light-text"> {{ __('Merge Request:') }} </span>
+            <gl-link :href="job.merge_request.path"> !{{ job.merge_request.iid }} </gl-link>
           </p>
 
           <detail-row
@@ -203,12 +182,7 @@ export default {
             class="js-job-erased"
             title="Erased"
           />
-          <detail-row
-            v-if="job.queued"
-            :value="queued"
-            class="js-job-queued"
-            title="Queued"
-          />
+          <detail-row v-if="job.queued" :value="queued" class="js-job-queued" title="Queued" />
           <detail-row
             v-if="hasTimeout"
             :help-url="runnerHelpUrl"
@@ -216,37 +190,21 @@ export default {
             class="js-job-timeout"
             title="Timeout"
           />
-          <detail-row
-            v-if="job.runner"
-            :value="runnerId"
-            class="js-job-runner"
-            title="Runner"
-          />
+          <detail-row v-if="job.runner" :value="runnerId" class="js-job-runner" title="Runner" />
           <detail-row
             v-if="job.coverage"
             :value="coverage"
             class="js-job-coverage"
             title="Coverage"
           />
-          <p
-            v-if="job.tags.length"
-            class="build-detail-row js-job-tags"
-          >
-            <span class="build-light-text">
-              {{ __('Tags:') }}
-            </span>
-            <span
-              v-for="(tag, i) in job.tags"
-              :key="i"
-              class="label label-primary">
+          <p v-if="job.tags.length" class="build-detail-row js-job-tags">
+            <span class="build-light-text"> {{ __('Tags:') }} </span>
+            <span v-for="(tag, i) in job.tags" :key="i" class="label label-primary">
               {{ tag }}
             </span>
           </p>
 
-          <div
-            v-if="job.cancel_path"
-            class="btn-group prepend-top-5"
-            role="group">
+          <div v-if="job.cancel_path" class="btn-group prepend-top-5" role="group">
             <gl-link
               :href="job.cancel_path"
               class="js-cancel-job btn btn-sm btn-default"
@@ -258,14 +216,8 @@ export default {
           </div>
         </div>
 
-        <artifacts-block
-          v-if="hasArtifact"
-          :artifact="job.artifact"
-        />
-        <trigger-block
-          v-if="hasTriggers"
-          :trigger="job.trigger"
-        />
+        <artifacts-block v-if="hasArtifact" :artifact="job.artifact" />
+        <trigger-block v-if="hasTriggers" :trigger="job.trigger" />
         <commit-block
           :is-last-block="hasStages"
           :commit="commit"
@@ -281,11 +233,7 @@ export default {
         />
       </div>
 
-      <jobs-container
-        v-if="jobs.length"
-        :jobs="jobs"
-        :job-id="job.id"
-      />
+      <jobs-container v-if="jobs.length" :jobs="jobs" :job-id="job.id" />
     </div>
   </aside>
 </template>