diff --git a/src/ui_ng/lib/src/job-log-viewer/job-log-viewer.component.template.ts b/src/ui_ng/lib/src/job-log-viewer/job-log-viewer.component.template.ts
index 567ee1a94..93588cf19 100644
--- a/src/ui_ng/lib/src/job-log-viewer/job-log-viewer.component.template.ts
+++ b/src/ui_ng/lib/src/job-log-viewer/job-log-viewer.component.template.ts
@@ -6,9 +6,7 @@ export const JOB_LOG_VIEWER_TEMPLATE: string = `
-
- {{log}}
-
+{{log}}
-
+
@@ -53,10 +53,10 @@ export const TAG_DETAIL_HTML: string = `
diff --git a/src/ui_ng/lib/src/vulnerability-scanning/scanning.css.ts b/src/ui_ng/lib/src/vulnerability-scanning/scanning.css.ts
index 2d0a87492..67669c7ef 100644
--- a/src/ui_ng/lib/src/vulnerability-scanning/scanning.css.ts
+++ b/src/ui_ng/lib/src/vulnerability-scanning/scanning.css.ts
@@ -43,13 +43,13 @@ export const SCANNING_STYLES: string = `
margin-left: -4px;
}
.bar-block-high {
- background-color: red;
+ background-color: #e62700;
}
.bar-block-medium {
- background-color: yellow;
+ background-color: orange;
}
.bar-block-low {
- background-color: orange;
+ background-color: yellow;
}
.bar-block-none {
background-color: green;
@@ -84,7 +84,24 @@ export const SCANNING_STYLES: string = `
.refresh-btn:hover {
color: #007CBB;
}
-.tip-icon-low {
+
+.label.label-medium{
+ background-color: #ffe4a9;
+ border: 1px solid orange;
color: orange;
}
+.tip-icon-medium {
+ color: orange;
+}
+.label.label-low{
+ background: rgba(251, 255, 0, 0.38);
+ color: #c5c50b;
+ border: 1px solid #e6e63f;
+}
+.tip-icon-low {
+ color: yellow;
+}
+.font-color-green{
+ color:green;
+}
`;
\ No newline at end of file
diff --git a/src/ui_ng/lib/src/vulnerability-scanning/scanning.html.ts b/src/ui_ng/lib/src/vulnerability-scanning/scanning.html.ts
index d1cb9c9c4..70772aa52 100644
--- a/src/ui_ng/lib/src/vulnerability-scanning/scanning.html.ts
+++ b/src/ui_ng/lib/src/vulnerability-scanning/scanning.html.ts
@@ -16,15 +16,15 @@ export const TIP_COMPONENT_HTML: string = `
{{highCount}} {{'VULNERABILITY.SEVERITY.HIGH' | translate }}
-
+
{{mediumCount}} {{'VULNERABILITY.SEVERITY.MEDIUM' | translate }}
-
+
{{lowCount}} {{'VULNERABILITY.SEVERITY.LOW' | translate }}
-
+
{{unknownCount}} {{'VULNERABILITY.SEVERITY.UNKNOWN' | translate }}
@@ -64,14 +64,19 @@ export const GRID_COMPONENT_HTML: string = `
{{res.id}}
{{severityText(res.severity) | translate}}
- {{severityText(res.severity) | translate}}
- {{severityText(res.severity) | translate}}
- {{severityText(res.severity) | translate}}
+ {{severityText(res.severity) | translate}}
+ {{severityText(res.severity) | translate}}
+ {{severityText(res.severity) | translate}}
{{severityText(res.severity) | translate}}
{{res.package}}
{{res.version}}
-
{{res.fixedVersion}}
+
+
+ {{res.fixedVersion}}
+
+ {{res.fixedVersion}}
+
{{'VULNERABILITY.GRID.COLUMN_DESCRIPTION' | translate}}: {{res.description}}
diff --git a/src/ui_ng/src/app/shared/gauge/gauge.component.css b/src/ui_ng/src/app/shared/gauge/gauge.component.css
index ab2bfc2ab..f38eab1b3 100644
--- a/src/ui_ng/src/app/shared/gauge/gauge.component.css
+++ b/src/ui_ng/src/app/shared/gauge/gauge.component.css
@@ -167,7 +167,7 @@
text-align: center;
margin-top: 3px;
position: relative;
- bottom: -2px;
+ bottom: 12px;
}
.esxc-gauge-small .esxc-title .esxc-bar-title {
diff --git a/src/ui_ng/src/app/shared/statictics/statistics.component.css b/src/ui_ng/src/app/shared/statictics/statistics.component.css
index 6b03edac3..854cd1096 100644
--- a/src/ui_ng/src/app/shared/statictics/statistics.component.css
+++ b/src/ui_ng/src/app/shared/statictics/statistics.component.css
@@ -44,8 +44,8 @@
.statistic-item-divider {
height: 54px;
display: inline-block;
- width: 1px;
- background-color: #ccc;
+ width: 2px;
+ background-color: #bdbdbd;
opacity: 0.55;
margin-left: 4px;
margin-right: 12px;
diff --git a/src/ui_ng/src/styles.css b/src/ui_ng/src/styles.css
index c02851a6c..605a50575 100644
--- a/src/ui_ng/src/styles.css
+++ b/src/ui_ng/src/styles.css
@@ -39,4 +39,11 @@
}
.modal-header{
padding: 0;
- }
\ No newline at end of file
+ }
+.rotate-90 {
+ -webkit-transform: rotate(-90deg);
+ -moz-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg);
+ -o-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}