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 494440e0e..51d696e63 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,7 +1,3 @@ -:host { - margin: 0 auto; -} - .canvas-container { position: relative; width: 1200px; diff --git a/apps/red-ui/src/app/modules/admin/screens/license/components/license-storage/license-capacity.component.html b/apps/red-ui/src/app/modules/admin/screens/license/components/license-storage/license-capacity.component.html index a1028921f..008e38c8c 100644 --- a/apps/red-ui/src/app/modules/admin/screens/license/components/license-storage/license-capacity.component.html +++ b/apps/red-ui/src/app/modules/admin/screens/license/components/license-storage/license-capacity.component.html @@ -20,7 +20,7 @@
{{ licenseService.selectedLicenseReport.totalFilesUploadedBytes | size }} - ({{ licenseService.uploadedFilesBytesForSelectedLicensePercentage | number : '1.0-2' }}%) + ({{ licenseService.uploadedFilesBytesForSelectedLicensePercentage | number: '1.0-2' }}%)
@@ -38,14 +38,16 @@ > -
- +
+
+ +
diff --git a/apps/red-ui/src/app/modules/admin/screens/license/components/license-storage/license-capacity.component.scss b/apps/red-ui/src/app/modules/admin/screens/license/components/license-storage/license-capacity.component.scss index eb954eec9..2f537cca5 100644 --- a/apps/red-ui/src/app/modules/admin/screens/license/components/license-storage/license-capacity.component.scss +++ b/apps/red-ui/src/app/modules/admin/screens/license/components/license-storage/license-capacity.component.scss @@ -5,11 +5,11 @@ .grid-container { width: calc(100% - 40px); display: grid; - grid-template-columns: 1fr 2fr 2fr; + grid-template-columns: 250px 300px 1fr; margin: 20px; .donut-chart-wrapper { - grid-row: 2 / span 4; + grid-row: 2 / span 5; grid-column: 3; width: fit-content; } @@ -25,7 +25,7 @@ } } - &:hover { + &:not(.chart-row):hover { > div { background-color: var(--iqser-alt-background); } @@ -39,7 +39,7 @@ border-bottom: 1px solid var(--iqser-separator); } - redaction-chart { + .chart-row > div { grid-column: span 3; } } diff --git a/apps/red-ui/src/app/modules/admin/screens/license/components/license-usage/license-usage.component.scss b/apps/red-ui/src/app/modules/admin/screens/license/components/license-usage/license-usage.component.scss index b9fd5b870..8af8aac74 100644 --- a/apps/red-ui/src/app/modules/admin/screens/license/components/license-usage/license-usage.component.scss +++ b/apps/red-ui/src/app/modules/admin/screens/license/components/license-usage/license-usage.component.scss @@ -5,7 +5,7 @@ .grid-container { width: calc(100% - 40px); display: grid; - grid-template-columns: 1fr 2fr 2fr; + grid-template-columns: 250px 300px 1fr; margin: 20px; .row { 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 0320d1c0b..fe4109839 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 @@ -11,7 +11,7 @@ .grid-container { width: calc(100% - 40px); display: grid; - grid-template-columns: 1fr 2fr 2fr; + grid-template-columns: 250px 300px 1fr; margin: 20px; .row { diff --git a/apps/red-ui/src/assets/styles/themes/scm.css b/apps/red-ui/src/assets/styles/themes/scm.css index 6eb69ab14..ed81fc202 100644 --- a/apps/red-ui/src/assets/styles/themes/scm.css +++ b/apps/red-ui/src/assets/styles/themes/scm.css @@ -2,8 +2,8 @@ body.light { --iqser-primary: #4d4fdd; --iqser-primary-rgb: 77, 79, 221; --iqser-primary-2: #4d97dd; - --iqser-red-1: #4d4fdd; - --iqser-red-2: #4d97dd; + --iqser-red-1: #dd4d50; + --iqser-red-2: #f16164; --iqser-helpmode-primary: #fdbd00; /*Override the default light theme here*/ /*Copy CSS variables from theme-template.css file*/ @@ -13,8 +13,8 @@ body.dark { --iqser-primary: #4d4fdd; --iqser-primary-rgb: 77, 79, 221; --iqser-primary-2: #4d97dd; - --iqser-red-1: #4d4fdd; - --iqser-red-2: #4d97dd; + --iqser-red-1: #dd4d50; + --iqser-red-2: #f16164; --iqser-helpmode-primary: #fdbd00; /*Override the default dark theme here*/ /*Copy CSS variables from theme-template.css file*/