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 }}
= 0">
- ({{ 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*/