loaders for admin pages moved

src/styles/base/main.scss

@@ -286,9 +286,12 @@ h5 {
   position: relative;
   width: 80px;
   height: 20px;
+
+  &.loader-top {
+    top: 30px;
   }
 
-.loader div {
+  div {
     position: absolute;
     width: 13px;
     height: 13px;
@@ -297,31 +300,32 @@ h5 {
     animation-timing-function: cubic-bezier(0, 1, 1, 0);
   }
 
-.loader.loader-menu div {
+  &.loader-menu div {
     width: 8px;
     height: 8px;
     background: var(--color-menu-text);
   }
 
-.loader div:nth-child(1) {
+  div:nth-child(1) {
     left: 8px;
     animation: lds-ellipsis1 0.6s infinite;
   }
 
-.loader div:nth-child(2) {
+  div:nth-child(2) {
     left: 8px;
     animation: lds-ellipsis2 0.6s infinite;
   }
 
-.loader div:nth-child(3) {
+  div:nth-child(3) {
     left: 32px;
     animation: lds-ellipsis2 0.6s infinite;
   }
 
-.loader div:nth-child(4) {
+  div:nth-child(4) {
     left: 56px;
     animation: lds-ellipsis3 0.6s infinite;
   }
+}
 
 @keyframes lds-ellipsis1 {
   0% {

src/views/admin/page-admin-circles.pug

@@ -38,12 +38,6 @@
           next='admin-circle-create'
         ) Créer un cercle
 
-      div#loader-admin-circles.loader
-        div
-        div
-        div
-        div
-
       .table-wrapper
         .table
 
@@ -119,6 +113,11 @@
             order-by="name"
           )
 
+      div#loader-admin-circles.loader.loader-top
+        div
+        div
+        div
+        div
 
   #admin-circle-create.content-box__height(hidden)
     include page-admin-circles-create.pug

src/views/admin/page-admin-projects.pug

@@ -138,7 +138,7 @@
             order-by="name"
           )
 
-      div#loader-admin-projects.loader
+      div#loader-admin-projects.loader.loader-top
         div
         div
         div

src/views/admin/page-admin-users.pug

@@ -54,7 +54,7 @@
             order-by='username'
           )
 
-      div#loader-admin-users.loader
+      div#loader-admin-users.loader.loader-top
         div
         div
         div