Adds # back to deployment id

app/assets/stylesheets/pages/environments.scss

@@ -4,6 +4,11 @@
   overflow: auto;
 }
 
+.environments-list-loading {
+  width: 100%;
+  font-size: 34px;
+}
+
 .environments {
   .deployment-column {
     .avatar {
@@ -58,13 +63,22 @@
       }
     }
   }
-}
   
-.table.ci-table.environments {
+  .children-name{
+    margin-left: 17px;
+    margin-right: -17px;
+  }
   
-  .environment-children td:first-child {
-    padding-left: 40px;
+  .folder-icon {
+    padding: 0 5px 0 0;
+  }
+  
+  .folder-name {
+    cursor: pointer;
   }
+}
+
+.table.ci-table.environments {
   
   .icon-container {
     width: 20px;
@@ -76,13 +90,4 @@
       margin-right: 0;
     }
   }
-  
-  .environment-folder-name {
-    cursor: pointer;
-  }
-}
-
-.environments-list-loading {
-  width: 100%;
-  font-size: 34px;
 }

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

 %script#environment-item-template{ "type"=> "text/x-template" }
   %tr.environment
-    %td.environment-folder-name{ "@click" => "toggle" }
+    %td.folder-name{ "@click" => "toggle" }
       %a{ "v-if" => "!isFolder", 
         ":href" => "'#{namespace_project_environments_path(@project.namespace, @project)}/' + model.id" }
         {{model.name}}
         
       %span{ "v-if" => "isFolder" }
-        %i{ "v-show" => "open" }
+        %i.folder-icon{ "v-show" => "open" }
           = icon("caret-down")
 
-        %i{ "v-show" => "!open" }
+        %i.folder-icon{ "v-show" => "!open" }
           = icon("caret-right")
         
         {{model.name}}
 
     %td.deployment-column
       %span{ "v-if" => "!isFolder && model.last_deployment && model.last_deployment.iid" }
+        = precede '#' do
           {{model.last_deployment.iid}}
 
         %span{ "v-if" => "model.last_deployment.user" }
@@ -52,17 +53,18 @@
         -# = render "projects/environments/stop", environment: "{{model}}"
         -# = render "projects/deployments/rollback", deployment: "{{model.last_deployment}}"
 
-  %tr.environment-children{ "v-show" => "open", 
+  %tr{ "v-show" => "open", 
     "v-if"=>"isFolder", 
     "v-for" => "child in model.children", 
     ":model" => "child" }
 
     %td
-      %a{ ":href" => "'#{namespace_project_environments_path(@project.namespace, @project)}/' + child.id" }
+      %a.children-name{ ":href" => "'#{namespace_project_environments_path(@project.namespace, @project)}/' + child.id" }
         {{child.name}}
   
     %td.deployment-column
       %span{ "v-if" => "child.last_deployment && child.last_deployment.iid" }
+        = precede '#' do
           {{child.last_deployment.iid}}
 
         %span{ "v-if" => "child.last_deployment.user" }