design update

2 files changed, 12 insertions, 9 deletions

diff --git a/app/assets/javascripts/ide/components/jobs/detail.vue b/app/assets/javascripts/ide/components/jobs/detail.vue
index 41833f1d4de..9169e138c1e 100644
--- a/app/assets/javascripts/ide/components/jobs/detail.vue
+++ b/app/assets/javascripts/ide/components/jobs/detail.vue
@@ -67,7 +67,7 @@ export default {
 
 <template>
   <div class="ide-pipeline build-page d-flex flex-column flex-fill">
-    <header class="ide-tree-header ide-pipeline-header">
+    <header class="ide-job-header d-flex align-items-center">
       <button
         class="btn btn-default btn-sm d-flex"
         @click="setDetailJob(null)"
@@ -78,7 +78,7 @@ export default {
         {{ __('View jobs') }}
       </button>
     </header>
-    <div class="top-bar d-flex">
+    <div class="top-bar d-flex border-left-0">
       <job-description
         :job="detailJob"
       />
@@ -110,7 +110,7 @@ export default {
       </div>
     </div>
     <pre
-      class="build-trace mb-0"
+      class="build-trace mb-0 h-100"
       ref="buildTrace"
       @scroll="scrollBuildLog"
     >
diff --git a/app/assets/javascripts/ide/components/jobs/item.vue b/app/assets/javascripts/ide/components/jobs/item.vue
index 224e4d5158b..8848a334a48 100644
--- a/app/assets/javascripts/ide/components/jobs/item.vue
+++ b/app/assets/javascripts/ide/components/jobs/item.vue
@@ -27,13 +27,16 @@ export default {
 <template>
   <div class="ide-job-item">
     <job-description
+      class="append-right-default"
       :job="job"
     />
-    <button
-      class="btn btn-default btn-sm ml-auto"
-      @click="clickViewLog"
-    >
-      {{ __('View log') }}
-    </button>
+    <div class="ml-auto align-self-center">
+      <button
+        class="btn btn-default btn-sm"
+        @click="clickViewLog"
+      >
+        {{ __('View log') }}
+      </button>
+    </div>
   </div>
 </template>