Fix vertical alignment of action icon with status icon

app/assets/stylesheets/pages/pipelines.scss

@@ -654,6 +654,7 @@
 
         i {
           font-size: 11px;
+          margin-top: 0;
         }
       }
 
@@ -672,21 +673,15 @@
 }
 
 // Action Icons
-.ci-action-icon-container {
-  padding: 0;
-
-  .ci-action-icon-wrapper {
-    display: inline-block;
+.ci-action-icon-container .ci-action-icon-wrapper {
   float: right;
+  margin-top: -1px;
 
   i {
     color: $stage-badge-text;
     border-radius: 100%;
     border: 1px solid $stage-badge-text;
-      text-align: center;
-      display: table-cell;
-      vertical-align: middle;
-      padding: 5px;
+    padding: 5px 6px;
     font-size: 13px;
     background: $white-light;
 
@@ -698,7 +693,6 @@
   }
 
   .ci-play-icon {
-      padding: 5px 4px 5px 7px;
-    }
+    padding: 5px 5px 5px 7px;
   }
 }

app/views/projects/stage/_graph.html.haml

@@ -10,8 +10,7 @@
       - status_groups.each do |group_name, grouped_statuses|
         - if grouped_statuses.one?
           - status = grouped_statuses.first
-          - is_playable = status.playable? && can?(current_user, :update_build, @project)
-          %li.build{ class: ("playable" if is_playable) }
+          %li.build
             .curve
             .build-content
               = render 'ci/status/graph_icon_with_name_and_action', subject: status