Apply reviewer feedback

Change finder method used
and move colon into bold tag.

app/assets/javascripts/jobs/components/sidebar_detail_row.vue

@@ -36,8 +36,7 @@ export default {
 <template>
   <p class="gl-display-flex gl-justify-content-space-between gl-mb-2">
     <span v-if="hasTitle"
-      ><b>{{ title }}</b
-      >: {{ value }}</span
+      ><b>{{ title }}:</b> {{ value }}</span
     >
     <gl-link v-if="hasHelpURL" :href="helpUrl" target="_blank" rel="noopener noreferrer nofollow">
       <gl-icon name="question-o" />

spec/frontend/jobs/components/sidebar_detail_row_spec.js

@@ -9,7 +9,7 @@ describe('Sidebar detail row', () => {
   const value = 'this is the value';
   const helpUrl = '/help/ci/runners/README.html';
 
-  const findHelpLink = () => wrapper.find(GlLink);
+  const findHelpLink = () => wrapper.findComponent(GlLink);
 
   const createComponent = (props) => {
     wrapper = shallowMount(SidebarDetailRow, {