diff --git a/src/assets/css/components/views/detections/detection-overview.scss b/src/assets/css/components/views/detections/detection-overview.scss index 4960ee9c..08e6bdb7 100644 --- a/src/assets/css/components/views/detections/detection-overview.scss +++ b/src/assets/css/components/views/detections/detection-overview.scss @@ -67,6 +67,7 @@ font-weight: 500; font-size: 14px; align-items: center; + flex-wrap: wrap; &.row__content--link { font-style: italic; @@ -100,6 +101,10 @@ margin-right: 7px; } } + .row__content1 { + display: block; + padding-right: 50px; + } } } } diff --git a/src/assets/css/components/views/detections/detection-table.scss b/src/assets/css/components/views/detections/detection-table.scss index a7eae347..5093c1ee 100644 --- a/src/assets/css/components/views/detections/detection-table.scss +++ b/src/assets/css/components/views/detections/detection-table.scss @@ -61,22 +61,19 @@ .detection-tag-status0 { font-weight: 500; - font-family: NotoSansHans-Medium; background: rgba(113, 113, 113, 0.12); color: #717171; - padding: 0 12px; + padding: 0 10px; } .detection-tag-status1 { font-weight: 500; - font-family: NotoSansHans-Medium; background: rgba(126, 159, 84, 0.12); color: #7E9F54; - padding: 0 8px; + padding: 0 10px; } .detection-table-library { - font-family: NotoSansSChineseRegular; font-size: 12px; color: #046ECA; font-weight: 400; diff --git a/src/views/detections/DetectionRow.vue b/src/views/detections/DetectionRow.vue index 6cd37328..a33ae3b2 100644 --- a/src/views/detections/DetectionRow.vue +++ b/src/views/detections/DetectionRow.vue @@ -16,8 +16,7 @@ class="detection-event-severity-color-block" :style="`background-color: ${eventSeverityColor[detection.eventSeverity]}`"> - - {{ detection.eventType || '-' }} + {{ detection.eventName || '-' }} {{detection.offenderIp || '-'}}