Loading style changed according to other techniques, link in description now opens on a new tab

monkey/monkey_island/cc/ui/src/components/report-components/AttackReport.js

@@ -95,12 +95,16 @@ class AttackReport extends React.Component {
 
   generateReportContent() {
     return (
-        <div id='attack' className='attack-report report-page'>
+        <div>
-          <ReportHeader report_type={ReportTypes.attack}/>
-          <hr/>
           <p>
             This report shows information about
-            <Button bsStyle={'link'} href={'https://attack.mitre.org/'} bsSize={'lg'} className={'attack-link'}>Mitre ATT&CK™</Button>
+            <Button bsStyle={'link'}
+                    href={'https://attack.mitre.org/'}
+                    bsSize={'lg'}
+                    className={'attack-link'}
+                    target={"_blank"}>
+              Mitre ATT&CK™
+            </Button>
             techniques used by Infection Monkey.
           </p>
           {this.renderLegend()}
@@ -144,11 +148,18 @@ class AttackReport extends React.Component {
   }
 
   render() {
+    let content = {};
     if (typeof this.state.schema === 'undefined' || typeof this.state.techniques === 'undefined') {
-      return (<ReportLoader/>);
+      content = <ReportLoader/>;
     } else {
-      return (<div> {this.generateReportContent()}</div>);
+      content = <div> {this.generateReportContent()}</div>;
     }
+    return (
+    <div id='attack' className='attack-report report-page'>
+      <ReportHeader report_type={ReportTypes.attack}/>
+      <hr/>
+      {content}
+     </div>)
   }
 }