Improve the pipelines design

2 files changed, 6 insertions, 6 deletions

diff --git a/app/views/projects/pipelines/index.html.haml b/app/views/projects/pipelines/index.html.haml
index af55ef42a6e..9d5b6d367c9 100644
--- a/app/views/projects/pipelines/index.html.haml
+++ b/app/views/projects/pipelines/index.html.haml
@@ -27,7 +27,7 @@
     - if can? current_user, :create_pipeline, @project
       = link_to new_namespace_project_pipeline_path(@project.namespace, @project), class: 'btn btn-create' do
         = icon('plus')
-        New
+        New pipeline
 
       - unless @repository.gitlab_ci_yml
         = link_to 'Get started with Pipelines', help_page_path('ci/quick_start', 'README'), class: 'btn btn-info'
@@ -36,7 +36,7 @@
         = icon('wrench')
         %span CI Lint
 
-.gray-content-block
+.row-content-block
   - if @scope == 'running'
     Running pipelines for this project
   - elsif @scope.nil?
@@ -57,8 +57,8 @@
           %th Commit
           - stages.each do |stage|
             %th
-              %span.has-tooltip(title="#{stage.titleize}")
-                = truncate(stage.titleize.pluralize, length: 8)
+              %span.pipeline-stage.has-tooltip{ title: "#{stage.titleize}" }
+                = stage.titleize.pluralize
           %th
           %th
         = render @pipelines, commit_sha: true, stage: true, allow_retry: true, stages: stages
diff --git a/app/views/projects/pipelines/new.html.haml b/app/views/projects/pipelines/new.html.haml
index 39b1571b9cf..534a495dd85 100644
--- a/app/views/projects/pipelines/new.html.haml
+++ b/app/views/projects/pipelines/new.html.haml
@@ -9,7 +9,7 @@
   New Pipeline
 %hr
 
-= form_tag namespace_project_pipelines_path, method: :post, id: "new-pipeline-form", class: "form-horizontal js-create-branch-form js-requires-input" do
+= form_tag namespace_project_pipelines_path, method: :post, id: "new-pipeline-form", class: "form-horizontal js-new-pipeline-form js-requires-input" do
   .form-group
     = label_tag :ref, 'Create for', class: 'control-label'
     .col-sm-10
@@ -22,4 +22,4 @@
 :javascript
   var availableRefs = #{@project.repository.ref_names.to_json};
 
-  new NewBranchForm($('.js-create-branch-form'), availableRefs)
+  new NewBranchForm($('.js-new-pipeline-form'), availableRefs)