Adds stop environment button to environments list

app/assets/stylesheets/pages/environments.scss

@@ -24,6 +24,14 @@
   .branch-name {
     color: $gl-dark-link-color;
   }
+  
+  .close-env-link {
+    color: $table-text-gray;
+    
+    .close-env-icon {
+      font-size: 14px;
+    }
+  }
 }
 
 .table.builds.environments {

app/views/projects/deployments/_actions.haml

@@ -14,6 +14,11 @@
                   = custom_icon('icon_play')
                   %span= action.name.humanize
 
+      - if :can_be_stopped?
+        .inline
+          %a.close-env-link.btn
+            = icon('stop', class: 'close-env-icon')
+
     - if local_assigns.fetch(:allow_rollback, false)
       = link_to [:retry, @project.namespace.becomes(Namespace), @project, deployment.deployable], method: :post, class: 'btn btn-build' do
         - if deployment.last?

app/views/projects/environments/_environment.html.haml

 - last_deployment = environment.last_deployment
+- can_be_stopped = true
 
 %tr.environment
   %td
@@ -20,5 +21,5 @@
     - if last_deployment
       #{time_ago_with_tooltip(last_deployment.created_at)}
 
-  %td
-    = render 'projects/deployments/actions', deployment: last_deployment
+  %td.hidden-xs
+    = render 'projects/deployments/actions', deployment: last_deployment, can_be_stopped: can_be_stopped

app/views/projects/environments/show.html.haml

@@ -30,7 +30,7 @@
             %th Commit
             %th Build
             %th
-            %th
+            %th.hidden-xs
 
         = render @deployments