From 5c9f26e82df25019e264f35bad1bac754ac552e6 Mon Sep 17 00:00:00 2001
From: Filipa Lacerda <filipa@gitlab.com>
Date: Fri, 17 Mar 2017 19:02:01 +0000
Subject: [PATCH 1/4] Remove overflow hidden from table

---
 app/assets/stylesheets/pages/pipelines.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss
index 33b38ca6923..e90463f6c79 100644
--- a/app/assets/stylesheets/pages/pipelines.scss
+++ b/app/assets/stylesheets/pages/pipelines.scss
@@ -15,7 +15,6 @@
 
   .table-holder {
     width: 100%;
-    overflow: auto;
   }
 
   .commit-title {

From c0c94c9ba559de12f3c1d10c71eaef3ce508a547 Mon Sep 17 00:00:00 2001
From: Filipa Lacerda <filipa@gitlab.com>
Date: Mon, 20 Mar 2017 10:22:38 +0000
Subject: [PATCH 2/4] Applies same CSS as main table

---
 app/assets/javascripts/commit/pipelines/pipelines_table.js | 4 ++--
 app/assets/stylesheets/pages/pipelines.scss                | 5 +----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/app/assets/javascripts/commit/pipelines/pipelines_table.js b/app/assets/javascripts/commit/pipelines/pipelines_table.js
index 832c4b1bd2a..360fb39dc9c 100644
--- a/app/assets/javascripts/commit/pipelines/pipelines_table.js
+++ b/app/assets/javascripts/commit/pipelines/pipelines_table.js
@@ -87,7 +87,7 @@ export default Vue.component('pipelines-table', {
   },
 
   template: `
-    <div class="pipelines">
+    <div class="content-list pipelines">
       <div class="realtime-loading" v-if="isLoading">
         <i class="fa fa-spinner fa-spin"></i>
       </div>
@@ -99,7 +99,7 @@ export default Vue.component('pipelines-table', {
         </h2>
       </div>
 
-      <div class="table-holder pipelines"
+      <div class="table-holder"
         v-if="!isLoading && state.pipelines.length > 0">
         <pipelines-table-component
           :pipelines="state.pipelines"
diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss
index e90463f6c79..f73a133ceb6 100644
--- a/app/assets/stylesheets/pages/pipelines.scss
+++ b/app/assets/stylesheets/pages/pipelines.scss
@@ -13,10 +13,6 @@
     white-space: nowrap;
   }
 
-  .table-holder {
-    width: 100%;
-  }
-
   .commit-title {
     margin: 0;
   }
@@ -104,6 +100,7 @@
       width: 100%;
       overflow: auto;
     }
+
   }
 }
 

From 5b5a7ed02d4855e71b0b43490f64cce14dd4a4c5 Mon Sep 17 00:00:00 2001
From: Annabel Dunstone Gray <annabel.dunstone@gmail.com>
Date: Wed, 22 Mar 2017 14:46:01 -0600
Subject: [PATCH 3/4] Disable overflow auto on large screens

---
 app/assets/stylesheets/pages/pipelines.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss
index f73a133ceb6..8e47f020a6f 100644
--- a/app/assets/stylesheets/pages/pipelines.scss
+++ b/app/assets/stylesheets/pages/pipelines.scss
@@ -13,6 +13,14 @@
     white-space: nowrap;
   }
 
+  .table-holder {
+    width: 100%;
+
+    @media (max-width: $screen-sm-max) {
+      overflow: auto;
+    }
+  }
+
   .commit-title {
     margin: 0;
   }
@@ -100,7 +108,6 @@
       width: 100%;
       overflow: auto;
     }
-
   }
 }
 

From 1e7cc6f2cb3990f7dea924aaef637ed0b7574c1f Mon Sep 17 00:00:00 2001
From: Filipa Lacerda <filipa@gitlab.com>
Date: Thu, 23 Mar 2017 14:11:51 +0000
Subject: [PATCH 4/4] Apply fix to enviroments table

---
 app/assets/stylesheets/pages/environments.scss | 5 ++++-
 app/assets/stylesheets/pages/pipelines.scss    | 2 --
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/pages/environments.scss b/app/assets/stylesheets/pages/environments.scss
index 73a5da715f2..25be7f408d0 100644
--- a/app/assets/stylesheets/pages/environments.scss
+++ b/app/assets/stylesheets/pages/environments.scss
@@ -18,7 +18,10 @@
 .environments-container {
   .table-holder {
     width: 100%;
-    overflow: auto;
+
+    @media (max-width: $screen-sm-max) {
+      overflow: auto;
+    }
   }
 
   .table.ci-table {
diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss
index 8e47f020a6f..772f05feb12 100644
--- a/app/assets/stylesheets/pages/pipelines.scss
+++ b/app/assets/stylesheets/pages/pipelines.scss
@@ -102,8 +102,6 @@
 
 @media (max-width: $screen-md-max) {
   .content-list {
-    &.pipelines,
-    &.environments-container,
     &.builds-content-list {
       width: 100%;
       overflow: auto;