Initial commit - trying to improve the MITRE UI according to comments

monkey/monkey_island/cc/services/attack/technique_reports/__init__.py

@@ -52,6 +52,15 @@ class AttackTechnique(object, metaclass=abc.ABCMeta):
         """
         pass
 
+    @classmethod
+    def technique_mitigation(cls):
+        """
+        Gets the mitigation of a certain attack technique.
+        :return: Mitigation string
+        """
+        pass
+        # TODO Get mitigation from ATT&CK DB https://github.com/mitre/cti/blob/master/USAGE.md
+
     @classmethod
     def technique_status(cls):
         """

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

@@ -79,16 +79,16 @@ class AttackReport extends React.Component {
   renderLegend() {
     return (<div id='header' className='row justify-content-between attack-legend'>
       <Col xs={4}>
-        <FontAwesomeIcon icon={faCircle} className='icon-default'/>
-        <span> - Not scanned</span>
+        <FontAwesomeIcon icon={faCircle} className='technique-not-attempted'/>
+        <span> - Not attempted</span>
       </Col>
       <Col xs={4}>
-        <FontAwesomeIcon icon={faCircle} className='icon-info'/>
-        <span> - Scanned</span>
+        <FontAwesomeIcon icon={faCircle} className='technique-attempted'/>
+        <span> - Tried (but failed)</span>
       </Col>
       <Col xs={4}>
-        <FontAwesomeIcon icon={faCircle} className='icon-danger'/>
-        <span> - Used</span>
+        <FontAwesomeIcon icon={faCircle} className='technique-used'/>
+        <span> - Successfully used</span>
       </Col>
     </div>)
   }

monkey/monkey_island/cc/ui/src/styles/report/ReportAttackMatrix.scss

@@ -1,21 +1,21 @@
 // colors
-$light-grey: #e0ddde;
-$light-blue: #ade3eb;
-$light-red: #d9acac;
+$not-attempted: #e0ddde;
+$attempted: #ffe28d;
+$used: #ff8585;
 $black: #3a3a3a;
 
 .attack-matrix .status-0 {
-  background-color: $light-grey !important;
+  background-color: $not-attempted !important;
   color: $black;
 }
 
 .attack-matrix .status-1 {
-  background-color: $light-blue !important;
+  background-color: $attempted !important;
   color: $black;
 }
 
 .attack-matrix .status-2 {
-  background-color: $light-red !important;
+  background-color: $used !important;
   color: $black;
 }
 
@@ -29,3 +29,14 @@ $black: #3a3a3a;
   border-bottom: 1px solid #0000000f;
 }
 
+.technique-not-attempted {
+  color: $not-attempted;
+}
+
+.technique-attempted {
+  color: $attempted;
+}
+
+.technique-used {
+  color: $used;
+}

monkey/monkey_island/cc/ui/src/styles/report/ReportPage.scss

@@ -4,6 +4,7 @@
   top: 0;
   z-index: 1000000;
   background-color: #ffffff;
+  font-size: large;
 }
 
 .report-nav > li > a{