From f8b020c748c696fd29f0b43b1ec8eacee943cb4b Mon Sep 17 00:00:00 2001
From: Phil Hughes <me@iamphill.com>
Date: Fri, 25 May 2018 23:14:12 +0100
Subject: [PATCH] fixed scrolling issues

---
 .../ide/components/pipelines/list.vue         | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/ide/components/pipelines/list.vue b/app/assets/javascripts/ide/components/pipelines/list.vue
index c45739af468..f95791f0a2b 100644
--- a/app/assets/javascripts/ide/components/pipelines/list.vue
+++ b/app/assets/javascripts/ide/components/pipelines/list.vue
@@ -30,7 +30,7 @@ export default {
 </script>
 
 <template>
-  <div>
+  <div class="ide-pipeline">
     <loading-icon
       v-if="isLoadingPipeline && !latestPipeline"
       class="prepend-top-default"
@@ -61,7 +61,7 @@ export default {
           </a>
         </span>
       </header>
-      <tabs>
+      <tabs class="ide-pipeline-list">
         <tab
           :active="!pipelineFailed"
         >
@@ -101,7 +101,22 @@ export default {
   </div>
 </template>
 
-<style>
+<style scoped>
+.ide-pipeline {
+  display: flex;
+  flex-direction: column;
+}
+
+.ide-pipeline-list {
+  flex: 1;
+  overflow: auto;
+}
+
+.ide-pipeline-header {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
 .ide-pipeline-header .ci-status-icon {
   display: flex;
 }
-- 
GitLab