From 3cfce1ace5b41016e19735e6f87f93d560c5b0db Mon Sep 17 00:00:00 2001
From: Dimitrios Kanellopoulos <jimmykane9@gmail.com>
Date: Mon, 16 Nov 2020 18:05:30 +0100
Subject: [PATCH] chore: fix overlay

---
 src/app/components/event-table/event.table.component.html | 6 +++---
 src/app/components/loading/shade.component.css            | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/components/event-table/event.table.component.html b/src/app/components/event-table/event.table.component.html
index f7c2bffd2..a9e0d102c 100644
--- a/src/app/components/event-table/event.table.component.html
+++ b/src/app/components/event-table/event.table.component.html
@@ -1,7 +1,4 @@
 <mat-card class="mat-elevation-z0">
-
-  <app-shade [isActive]="isLoading" [hasError]="this.events && this.events.length === 0"
-             [errorMessage]="'Nothing to show'"></app-shade>
   <section class="container">
     <section>
       <mat-form-field appearance="standard">
@@ -97,4 +94,7 @@
   <mat-paginator (page)="pageChanges($event)" [length]="data ? data.data.length : 0"
                  [pageSize]="user.settings.dashboardSettings.tableSettings.eventsPerPage" [showFirstLastButtons]="true"
                  [pageSizeOptions]="[10, 25, 50, 100, 250]"></mat-paginator>
+
+  <app-shade [isActive]="isLoading" [hasError]="this.events && this.events.length === 0"
+             [errorMessage]="'Nothing to show'"></app-shade>
 </mat-card>
diff --git a/src/app/components/loading/shade.component.css b/src/app/components/loading/shade.component.css
index 2ec817cfa..5eb69b7de 100644
--- a/src/app/components/loading/shade.component.css
+++ b/src/app/components/loading/shade.component.css
@@ -5,7 +5,7 @@
   bottom: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.6);
-  z-index: 999;
+  z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;