Merge branch '34990-top-buttons-misaligned' into 'master'

Fixes the margin of the top buttons of the pipeline page

Closes #34990

See merge request !13908

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

@@ -139,7 +139,9 @@
   };
 </script>
 <template>
-  <div :class="cssClass">
+  <div
+    class="pipelines-container"
+    :class="cssClass">
     <div
       class="top-area scrolling-tabs-container inner-page-scroll-tabs"
       v-if="!isLoading && !shouldRenderEmptyState">

app/assets/stylesheets/pages/pipelines.scss

@@ -927,3 +927,7 @@ button.mini-pipeline-graph-dropdown-toggle {
     }
   }
 }
+
+.pipelines-container .top-area .nav-controls > .btn:last-child {
+  float: none;
+}

changelogs/unreleased/34990-top-buttons-misaligned.yml

+---
+title: Fixes margins on the top buttons of the pipeline table
+merge_request:
+author:
+type: fixed