diff --git a/public/app.scss b/public/app.scss index 2cff1f2d7..b89c4f17f 100644 --- a/public/app.scss +++ b/public/app.scss @@ -15,7 +15,9 @@ $euiTextColor: $euiColorDarkestShade !default; @import "./pages/Overview/components/Widgets/WidgetContainer.scss"; @import "./pages/Main/components/Callout.scss"; @import "./pages/Detectors/components/ReviewFieldMappings/ReviewFieldMappings.scss"; -@import "./pages/Correlations//Correlations.scss"; +@import "./pages/Correlations/Correlations.scss"; +@import "./pages/Correlations/components/FindingCard.scss"; + .selected-radio-panel { background-color: tintOrShade($euiColorPrimary, 90%, 70%); diff --git a/public/pages/Correlations/components/FindingCard.scss b/public/pages/Correlations/components/FindingCard.scss new file mode 100644 index 000000000..cc5fb81dc --- /dev/null +++ b/public/pages/Correlations/components/FindingCard.scss @@ -0,0 +1,9 @@ +.finding-card-header { + .euiFlexItem:nth-child(2) { + margin-right: 6px; + } + + .euiFlexItem:nth-child(3) { + margin-left: 6px; + } +} diff --git a/public/pages/Correlations/components/FindingCard.tsx b/public/pages/Correlations/components/FindingCard.tsx index f89073cdf..e870e3c54 100644 --- a/public/pages/Correlations/components/FindingCard.tsx +++ b/public/pages/Correlations/components/FindingCard.tsx @@ -13,6 +13,7 @@ import { EuiSpacer, EuiBadge, EuiHorizontalRule, + EuiToolTip, } from '@elastic/eui'; import { rulePriorityBySeverity } from '../../CreateDetector/components/DefineDetector/components/DetectionRules/DetectionRulesTable'; import { @@ -43,10 +44,20 @@ export const FindingCard: React.FC = ({ }) => { const correlationHeader = correlationData ? ( <> - - + + {correlationData.score} + + + {}} + /> + +