Various changes

- Loading animation in Projects view
- Per item icon + spacing fixes in Home view

src/views/ProjectsView.vue

@@ -70,6 +70,14 @@
       <fa icon="plus" class="fa-fw"></fa>
     </button>
 
+    <!-- Loading Animation -->
+    <div
+      class="fixed left-6 bottom-24 text-center text-4xl leading-none bg-slate-400 text-white w-14 py-2.5 rounded-full"
+      v-if="isLoading"
+    >
+      <fa icon="spinner" class="fa-spin-pulse"></fa>
+    </div>
+
     <!-- Results List -->
     <InfiniteScroll @reached-bottom="loadMoreData">
       <ul>
@@ -185,9 +193,9 @@ export default class ProjectsView extends Vue {
   }
 
   /**
-  * Handle clicking on a project entry found in the list
-  * @param id of the project
-  **/
+   * Handle clicking on a project entry found in the list
+   * @param id of the project
+   **/
   onClickLoadProject(id: string) {
     localStorage.setItem("projectId", id);
     const route = {
@@ -197,9 +205,9 @@ export default class ProjectsView extends Vue {
   }
 
   /**
-  * Load projects initially
-  * @param identity of the user
-  **/
+   * Load projects initially
+   * @param identity of the user
+   **/
   async LoadProjects(identity: IIdentifier) {
     const url = `${this.apiServer}/api/v2/report/plansByIssuer`;
     const token: string = await accessToken(identity);