Changes after review

app/assets/javascripts/environments/components/environment_item.js

@@ -425,16 +425,18 @@ export default {
   },
 
   template: `
-    <tr :class="{ 'child-row': model.isChildren }">
+    <tr>
       <td>
         <a v-if="!model.isFolder"
           class="environment-name"
+          :class="{ 'prepend-left-default': model.isChildren }"
           :href="environmentPath">
           {{model.name}}
         </a>
         <span v-else
           class="folder-name"
-          @click="onClickFolder">
+          @click="onClickFolder"
+          role="button">
 
           <span class="folder-icon">
             <i

app/assets/javascripts/environments/components/environments_table.js

@@ -69,7 +69,7 @@ export default {
           <template v-if="model.isFolder && model.isOpen && model.children && model.children.length > 0">
             <tr v-if="isLoadingFolderContent">
               <td colspan="6" class="text-center">
-                <i class="fa fa-spin fa-spinner" aria-hidden="true"/>
+                <i class="fa fa-spin fa-spinner fa-2x" aria-hidden="true"/>
               </td>
             </tr>
 

app/assets/javascripts/environments/services/environments_service.js

@@ -18,6 +18,7 @@ export default class EnvironmentsService {
   }
 
   getFolderContent(folderUrl) {
-    return Vue.http.get(`${folderUrl}.json?per_page=3`);
+    const results = 3;
+    return Vue.http.get(`${folderUrl}.json?per_page=${results}`);
   }
 }

app/assets/stylesheets/pages/environments.scss

@@ -54,14 +54,6 @@
       }
     }
 
-    .child-row td:first-child a {
-      margin-left: 17px;
-    }
-
-    .environments-show-all {
-      text-align: center;
-    }
-
     .btn-group {
 
       > a {