Add empty deploy dropdown button

app/assets/stylesheets/pages/pipelines.scss

@@ -90,12 +90,35 @@
   .pipeline-actions {
 
     .btn {
+      margin: 0;
+    }
+
+    .dropdown-toggle,
+    .dropdown-menu  {
       color: $table-text-gray;
+
+      .fa {
+        color: $table-text-gray;
+        margin-right: 6px;
+        font-size: 14px;
+      }
     }
 
     .btn-remove {
       color: $white-light;
     }
+
+    .btn-group {
+      &.open {
+        .btn-default {
+          background-color: $white-normal;
+          border-color: $border-white-normal;
+
+          &:hover {
+          }
+        }
+      }
+    }
   }
 
   .build-link {
@@ -104,4 +127,8 @@
       color: $gl-dark-link-color;
     }
   }
+
+  .btn-group.open .dropdown-toggle {
+    box-shadow: none;
+  }
 }

app/views/projects/ci/pipelines/_pipeline.html.haml

@@ -57,9 +57,19 @@
     .controls.hidden-xs.pull-right
       - artifacts = pipeline.builds.latest.select { |b| b.artifacts? }
       - if artifacts.present?
-        .dropdown.inline.build-artifacts
+        .btn-group.inline
-          %button.dropdown-toggle.btn{type: 'button', 'data-toggle' => 'dropdown'}
+          .btn-group
-            = icon('download')
+            %a.dropdown-toggle.btn.btn-default{type: 'button', 'data-toggle' => 'dropdown'}
+              = icon("play")
+              %b.caret
+            %ul.dropdown-menu.dropdown-menu-align-right
+              %li
+                = link_to '#' do
+                  = icon("play")
+                  %span Deploy to production
+          .btn-group
+            %a.dropdown-toggle.btn.btn-default.build-artifacts{type: 'button', 'data-toggle' => 'dropdown'}
+              = icon("download")
               %b.caret
             %ul.dropdown-menu.dropdown-menu-align-right
               - artifacts.each do |build|