diff --git a/monkey/monkey_island/cc/ui/src/components/attack/techniques/MitigationsComponent.js b/monkey/monkey_island/cc/ui/src/components/attack/techniques/MitigationsComponent.js index a493a8c85..c25a956db 100644 --- a/monkey/monkey_island/cc/ui/src/components/attack/techniques/MitigationsComponent.js +++ b/monkey/monkey_island/cc/ui/src/components/attack/techniques/MitigationsComponent.js @@ -1,6 +1,7 @@ import React from 'react'; import ReactTable from 'react-table'; import marked from 'marked'; +import '../../../styles/report/AttackReport.scss'; class MitigationsComponent extends React.Component { @@ -28,6 +29,7 @@ class MitigationsComponent extends React.Component { static getMitigationDescriptions(name) { return ([{ Header: name, + style: {'text-align': 'left'}, columns: [ { id: 'description', accessor: x => (
), @@ -46,6 +48,7 @@ class MitigationsComponent extends React.Component { data={this.state.descriptions} showPagination={false} defaultPageSize={this.state.descriptions.length} + className={'attack-mitigation'} /> : ''}
); diff --git a/monkey/monkey_island/cc/ui/src/styles/report/AttackReport.scss b/monkey/monkey_island/cc/ui/src/styles/report/AttackReport.scss index 60266de08..e1d76bb8a 100644 --- a/monkey/monkey_island/cc/ui/src/styles/report/AttackReport.scss +++ b/monkey/monkey_island/cc/ui/src/styles/report/AttackReport.scss @@ -80,3 +80,16 @@ padding-right:5px; margin-bottom: 1px; } + +.attack-mitigation .rt-thead .rt-tr .rt-th { + text-align: left !important; + padding-left: 10px; +} + +.attack-mitigation p { + padding-left: 7px; +} + +.attack-mitigation .rt-table>.-header { + display: none !important; +}