diff --git a/monkey/monkey_island/cc/ui/src/components/report-components/RansomwareReport.js b/monkey/monkey_island/cc/ui/src/components/report-components/RansomwareReport.js index a7a05db5a..4dd4b6f39 100644 --- a/monkey/monkey_island/cc/ui/src/components/report-components/RansomwareReport.js +++ b/monkey/monkey_island/cc/ui/src/components/report-components/RansomwareReport.js @@ -5,6 +5,8 @@ import ReportLoader from './common/ReportLoader'; import pluralize from 'pluralize' import FileEncryptionTable from './ransomware/FileEncryptionTable'; +import '../../styles/pages/report/RansomwareReport.scss'; + class RansomwareReport extends React.Component { constructor(props) { @@ -28,24 +30,25 @@ class RansomwareReport extends React.Component { return (
{this.getExploitationStats()} +
) } getExploitationStats() { return ( -
+ <>

This report shows information about the ransomware simulation run by Infection Monkey.

- -
-

- Propagation -

- {this.getScannedVsExploitedStats()} - {this.getExploitationStatsPerExploit()} -
+
+

+ Propagation +

+ {this.getScannedVsExploitedStats()} + {this.getExploitationStatsPerExploit()} +
+ ) } @@ -89,7 +92,7 @@ class RansomwareReport extends React.Component { } return ( -
+

{content} diff --git a/monkey/monkey_island/cc/ui/src/styles/pages/report/RansomwareReport.scss b/monkey/monkey_island/cc/ui/src/styles/pages/report/RansomwareReport.scss new file mode 100644 index 000000000..4d55ef8df --- /dev/null +++ b/monkey/monkey_island/cc/ui/src/styles/pages/report/RansomwareReport.scss @@ -0,0 +1,3 @@ +.ransomware-report .report-section-header { + margin-top: 40px; +}