Improved views

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

@@ -3,7 +3,7 @@
 %tr.environment
   %td
     %strong
-      = link_to environment.name, namespace_project_environment_path(@project.namespace, @project, environment), class: "monospace"
+      = link_to environment.name, namespace_project_environment_path(@project.namespace, @project, environment)
 
   %td
     - if last_deployment
@@ -27,5 +27,3 @@
     - if last_deployment
       %p
         #{time_ago_with_tooltip(last_deployment.created_at)}
-
-  %td

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

@@ -9,10 +9,10 @@
         = link_to new_namespace_project_environment_path(@project.namespace, @project), class: 'btn btn-create' do
           New environment
 
-  %ul.content-list.environments
   - if @environments.blank?
-      %li
-        .nothing-here-block No environments to show
+    %ul.content-list.environments
+      %li.nothing-here-block
+        No environments to show
   - else
     .table-holder
       %table.table
@@ -20,6 +20,5 @@
           %th Environment
           %th Last deployment
           %th Date
-            %th
         - @environments.each do |environment|
           = render 'environment', environment: environment

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

 - page_title "New Environment"
+= render "projects/pipelines/head"
 
-%h3.page-title
+.row.prepend-top-default.append-bottom-default
+  .col-lg-3
+    %h4.prepend-top-0
       New Environment
-%hr
 
-= form_for @environment, url: namespace_project_environments_path(@project.namespace, @project), html: { id: "new-environment-form", class: "form-horizontal js-new-environment-form js-requires-input" } do |f|
+  = form_for @environment, url: namespace_project_environments_path(@project.namespace, @project), html: { id: "new-environment-form", class: "col-lg-9 js-new-environment-form js-requires-input" } do |f|
     = form_errors(@environment)
     .form-group
-    = f.label :ref, 'Name', class: 'control-label'
-    .col-sm-10
-      = f.text_field :name, required: true, tabindex: 2, class: 'form-control'
-  .form-actions
-    = f.submit 'Create', class: 'btn btn-create', tabindex: 3
-    = link_to 'Cancel', namespace_project_environments_path(@project.namespace, @project), class: 'btn btn-cancel'
+      = f.label :ref, 'Environment name', class: 'label-light'
+      = f.text_field :name, required: true, class: 'form-control'
+    = f.submit 'Create environment', class: 'btn btn-create'
+    = link_to "Cancel", namespace_project_environments_path(@project.namespace, @project), class: "btn btn-cancel"

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

@@ -9,12 +9,13 @@
 
     .col-md-3
       .nav-controls
-        = link_to 'Destroy', namespace_project_environment_path(@project.namespace, @project, @environment), data: { confirm: 'Are you sure?' }, class: 'btn btn-danger', method: :post
+        = link_to 'Destroy', namespace_project_environment_path(@project.namespace, @project, @environment), data: { confirm: 'Are you sure?' }, class: 'btn btn-danger', method: :delete
 
-  %ul.content-list
   - if @deployments.blank?
-      %li
-        .nothing-here-block No deployments for #{@environment.name}
+    %ul.content-list
+      %li.nothing-here-block
+        No deployments for
+        %strong= @environment.name
   - else
     .table-holder
       %table.table.builds