diff --git a/apps/red-ui/src/app/app.module.ts b/apps/red-ui/src/app/app.module.ts
index 399d01523..040277809 100644
--- a/apps/red-ui/src/app/app.module.ts
+++ b/apps/red-ui/src/app/app.module.ts
@@ -28,7 +28,7 @@ import { ServiceWorkerModule } from '@angular/service-worker';
import { environment } from '@environments/environment';
import { AuthErrorComponent } from '@components/auth-error/auth-error.component';
import { NotificationsComponent } from '@components/notifications/notifications.component';
-import { DashboardSkeletonComponent } from '@components/dashboard-skeleton/dashboard-skeleton.component';
+import { DashboardSkeletonComponent } from '@components/skeleton/dashboard-skeleton/dashboard-skeleton.component';
import { DownloadsListScreenComponent } from '@components/downloads-list-screen/downloads-list-screen.component';
import { AppRoutingModule } from './app-routing.module';
import { SharedModule } from '@shared/shared.module';
diff --git a/apps/red-ui/src/app/components/dashboard-skeleton/dashboard-skeleton.component.html b/apps/red-ui/src/app/components/dashboard-skeleton/dashboard-skeleton.component.html
deleted file mode 100644
index 2f89e274d..000000000
--- a/apps/red-ui/src/app/components/dashboard-skeleton/dashboard-skeleton.component.html
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
-
-
-
diff --git a/apps/red-ui/src/app/components/skeleton/dashboard-skeleton/dashboard-skeleton.component.html b/apps/red-ui/src/app/components/skeleton/dashboard-skeleton/dashboard-skeleton.component.html
new file mode 100644
index 000000000..b7fd59ae4
--- /dev/null
+++ b/apps/red-ui/src/app/components/skeleton/dashboard-skeleton/dashboard-skeleton.component.html
@@ -0,0 +1,27 @@
+
+
+
+
+
diff --git a/apps/red-ui/src/app/components/dashboard-skeleton/dashboard-skeleton.component.scss b/apps/red-ui/src/app/components/skeleton/dashboard-skeleton/dashboard-skeleton.component.scss
similarity index 82%
rename from apps/red-ui/src/app/components/dashboard-skeleton/dashboard-skeleton.component.scss
rename to apps/red-ui/src/app/components/skeleton/dashboard-skeleton/dashboard-skeleton.component.scss
index 50f65e0b7..25ba98779 100644
--- a/apps/red-ui/src/app/components/dashboard-skeleton/dashboard-skeleton.component.scss
+++ b/apps/red-ui/src/app/components/skeleton/dashboard-skeleton/dashboard-skeleton.component.scss
@@ -15,12 +15,14 @@
}
}
-.skeleton {
+.skeleton-line {
background-color: var(--iqser-grey-4);
+ border-radius: 12px;
+}
- &.line {
- border-radius: 12px;
- }
+mat-icon {
+ width: unset;
+ height: unset;
}
.dialog {
@@ -39,13 +41,9 @@
justify-content: center;
border-left: 1px solid var(--iqser-separator);
}
- }
-}
-
-.stats-subtitle {
- flex-direction: column;
-
- > div {
- margin-top: 10px;
+
+ &.row {
+ flex-direction: row;
+ }
}
}
diff --git a/apps/red-ui/src/app/components/dashboard-skeleton/dashboard-skeleton.component.ts b/apps/red-ui/src/app/components/skeleton/dashboard-skeleton/dashboard-skeleton.component.ts
similarity index 100%
rename from apps/red-ui/src/app/components/dashboard-skeleton/dashboard-skeleton.component.ts
rename to apps/red-ui/src/app/components/skeleton/dashboard-skeleton/dashboard-skeleton.component.ts
diff --git a/apps/red-ui/src/app/modules/icons/icons.module.ts b/apps/red-ui/src/app/modules/icons/icons.module.ts
index 9b1eeb327..c62acabbc 100644
--- a/apps/red-ui/src/app/modules/icons/icons.module.ts
+++ b/apps/red-ui/src/app/modules/icons/icons.module.ts
@@ -68,6 +68,7 @@ export class IconsModule {
'rss',
'rule',
'secret',
+ 'skeleton-template-stats',
'status',
'status-info',
'template',
diff --git a/apps/red-ui/src/assets/icons/general/skeleton-template-stats.svg b/apps/red-ui/src/assets/icons/general/skeleton-template-stats.svg
new file mode 100644
index 000000000..7ef7ac10b
--- /dev/null
+++ b/apps/red-ui/src/assets/icons/general/skeleton-template-stats.svg
@@ -0,0 +1,6 @@
+
+