diff --git a/apps/red-ui/src/app/modules/admin/screens/license/components/chart/chart.component.html b/apps/red-ui/src/app/modules/admin/screens/license/components/chart/chart.component.html index 0e417290e..780899496 100644 --- a/apps/red-ui/src/app/modules/admin/screens/license/components/chart/chart.component.html +++ b/apps/red-ui/src/app/modules/admin/screens/license/components/chart/chart.component.html @@ -1,3 +1 @@ -
- -
+ diff --git a/apps/red-ui/src/app/modules/admin/screens/license/components/chart/chart.component.scss b/apps/red-ui/src/app/modules/admin/screens/license/components/chart/chart.component.scss index d98283f70..e69de29bb 100644 --- a/apps/red-ui/src/app/modules/admin/screens/license/components/chart/chart.component.scss +++ b/apps/red-ui/src/app/modules/admin/screens/license/components/chart/chart.component.scss @@ -1,4 +0,0 @@ -.canvas-container { - position: relative; - width: 1000px; -} diff --git a/apps/red-ui/src/app/modules/admin/screens/license/components/chart/chart.component.ts b/apps/red-ui/src/app/modules/admin/screens/license/components/chart/chart.component.ts index 397692423..933a526b8 100644 --- a/apps/red-ui/src/app/modules/admin/screens/license/components/chart/chart.component.ts +++ b/apps/red-ui/src/app/modules/admin/screens/license/components/chart/chart.component.ts @@ -32,6 +32,7 @@ export class ChartComponent implements OnChanges { #setChartOptions(): void { this.chartOptions = { + responsive: false, scales: { y: { stacked: true, diff --git a/apps/red-ui/src/app/modules/admin/screens/license/components/license-analysis-capacity-usage/license-analysis-capacity-usage.component.scss b/apps/red-ui/src/app/modules/admin/screens/license/components/license-analysis-capacity-usage/license-analysis-capacity-usage.component.scss index 8af8aac74..e91dc2856 100644 --- a/apps/red-ui/src/app/modules/admin/screens/license/components/license-analysis-capacity-usage/license-analysis-capacity-usage.component.scss +++ b/apps/red-ui/src/app/modules/admin/screens/license/components/license-analysis-capacity-usage/license-analysis-capacity-usage.component.scss @@ -3,7 +3,6 @@ } .grid-container { - width: calc(100% - 40px); display: grid; grid-template-columns: 250px 300px 1fr; margin: 20px; diff --git a/apps/red-ui/src/app/modules/admin/screens/license/components/license-page-usage/license-page-usage.component.scss b/apps/red-ui/src/app/modules/admin/screens/license/components/license-page-usage/license-page-usage.component.scss index 8af8aac74..e91dc2856 100644 --- a/apps/red-ui/src/app/modules/admin/screens/license/components/license-page-usage/license-page-usage.component.scss +++ b/apps/red-ui/src/app/modules/admin/screens/license/components/license-page-usage/license-page-usage.component.scss @@ -3,7 +3,6 @@ } .grid-container { - width: calc(100% - 40px); display: grid; grid-template-columns: 250px 300px 1fr; margin: 20px; diff --git a/apps/red-ui/src/app/modules/admin/screens/license/components/license-retention-capacity-usage/license-retention-capacity.component.scss b/apps/red-ui/src/app/modules/admin/screens/license/components/license-retention-capacity-usage/license-retention-capacity.component.scss index 2f537cca5..3863510aa 100644 --- a/apps/red-ui/src/app/modules/admin/screens/license/components/license-retention-capacity-usage/license-retention-capacity.component.scss +++ b/apps/red-ui/src/app/modules/admin/screens/license/components/license-retention-capacity-usage/license-retention-capacity.component.scss @@ -3,7 +3,6 @@ } .grid-container { - width: calc(100% - 40px); display: grid; grid-template-columns: 250px 300px 1fr; margin: 20px; diff --git a/apps/red-ui/src/app/modules/admin/screens/license/license-screen/license-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/license/license-screen/license-screen.component.html index 399ab7748..cba01b93f 100644 --- a/apps/red-ui/src/app/modules/admin/screens/license/license-screen/license-screen.component.html +++ b/apps/red-ui/src/app/modules/admin/screens/license/license-screen/license-screen.component.html @@ -1,81 +1,77 @@ -
-
- + -
-
-
-
-
-
{{ configService.values.BACKEND_APP_VERSION || '-' }}
-
+
+
+
+
+
+
{{ configService.values.BACKEND_APP_VERSION || '-' }}
+
-
-
-
{{ configService.values.APP_NAME || '-' }}
-
+
+
+
{{ configService.values.APP_NAME || '-' }}
+
-
-
-
- {{ 'license-info-screen.copyright-claim-text' | translate: { currentYear: currentYear } }} -
-
+
+
+
+ {{ 'license-info-screen.copyright-claim-text' | translate: { currentYear: currentYear } }} +
+
-
-
-
-
+
+
+
+
-
+
-
-
-
- -
-
+
+
+
+ +
+
- -
-
-
{{ selectedLicense.licensedTo || '-' }}
-
- -
-
-
- {{ (selectedLicense.validFrom | date: 'dd-MM-yyyy') || '-' }} / - {{ (selectedLicense.validUntil | date: 'dd-MM-yyyy') || '-' }} -
-
-
- -
-
{{ 'license-info-screen.licensing-details.licensed-page-count' | translate }}
-
{{ licenseService.totalLicensedNumberOfPages }}
-
- -
-
{{ 'license-info-screen.licensing-details.licensed-analysis-capacity' | translate }}
-
{{ licenseService.analysisCapacityBytes | size }}
-
- -
-
{{ 'license-info-screen.licensing-details.licensed-retention-capacity' | translate }}
-
{{ licenseService.retentionCapacityBytes | size }}
-
+ +
+
+
{{ selectedLicense.licensedTo || '-' }}
- - - +
+
+
+ {{ (selectedLicense.validFrom | date: 'dd-MM-yyyy') || '-' }} / + {{ (selectedLicense.validUntil | date: 'dd-MM-yyyy') || '-' }} +
+
+
+ +
+
{{ 'license-info-screen.licensing-details.licensed-page-count' | translate }}
+
{{ licenseService.totalLicensedNumberOfPages }}
+
+ +
+
{{ 'license-info-screen.licensing-details.licensed-analysis-capacity' | translate }}
+
{{ licenseService.analysisCapacityBytes | size }}
+
+ +
+
{{ 'license-info-screen.licensing-details.licensed-retention-capacity' | translate }}
+
{{ licenseService.retentionCapacityBytes | size }}
+ + + +
-
+ diff --git a/apps/red-ui/src/app/modules/admin/screens/license/license-screen/license-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/license/license-screen/license-screen.component.scss index fe4109839..e4d10b52a 100644 --- a/apps/red-ui/src/app/modules/admin/screens/license/license-screen/license-screen.component.scss +++ b/apps/red-ui/src/app/modules/admin/screens/license/license-screen/license-screen.component.scss @@ -4,12 +4,7 @@ overflow: auto; @include common-mixins.scroll-bar; - display: flex; - flex-direction: column; - align-items: center; - .grid-container { - width: calc(100% - 40px); display: grid; grid-template-columns: 250px 300px 1fr; margin: 20px;