Fix: update broken pipeline layout

Fix broken layout for
Web IDE and the pipelines
list inside the code_quality_walkthrough
experiment.

Changelog: fixed

app/assets/javascripts/ide/components/pipelines/list.vue

@@ -87,7 +87,7 @@ export default {
         v-if="!latestPipeline"
         :empty-state-svg-path="pipelinesEmptyStateSvgPath"
         :can-set-ci="true"
-        class="mb-auto mt-auto"
+        class="gl-p-5"
       />
       <gl-alert
         v-else-if="latestPipeline.yamlError"

app/assets/javascripts/pipelines/components/pipelines_list/pipelines_ci_templates.vue

@@ -76,7 +76,7 @@ export default {
     </p>
 
     <div class="row gl-mb-8">
-      <div class="col-lg-3">
+      <div class="col-12">
         <gl-card>
           <div class="gl-flex-direction-row">
             <div class="gl-py-5"><gl-emoji class="gl-font-size-h2-xl" data-name="wave" /></div>

spec/frontend/ide/components/pipelines/__snapshots__/list_spec.js.snap

@@ -8,7 +8,7 @@ exports[`IDE pipelines list when loaded renders empty state when no latestPipeli
    
   <empty-state-stub
     cansetci="true"
-    class="mb-auto mt-auto"
+    class="gl-p-5"
     emptystatesvgpath="http://test.host"
   />
 </div>