Various small report improvements

monkey/monkey_island/cc/ui/src/components/report-components/attack/ReportMatrix.js

@@ -20,7 +20,7 @@ class MatrixComponent extends React.Component {
       }
       let tech_type = this.state.schema.properties[type_key];
       columns.push({
-        Header: () => (<a href={tech_type.link}>{tech_type.title}</a>),
+        Header: () => (<a href={tech_type.link} target="_blank">{tech_type.title}</a>),
         id: type_key,
         accessor: x => this.renderTechnique(x[tech_type.title]),
         style: {'whiteSpace': 'unset'}

monkey/monkey_island/cc/ui/src/styles/Checkbox.scss

@@ -12,6 +12,7 @@ $black: #000000;
   text-align: center;
   width: 100%;
   height: 100%;
+  cursor: pointer;
 
   input {
     display: none;
@@ -39,6 +40,7 @@ $black: #000000;
     background-color: $dark-green;
     color: $light-grey;
     fill: $light-grey;
+    cursor: default;
   }
 
   &.is-checked {
@@ -127,7 +129,7 @@ $black: #000000;
 }
 
 .icon-mandatory {
-  color: $dark-green
+  color: $dark-green;
 }
 
 .icon-unchecked {

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

@@ -36,7 +36,8 @@
   padding: 2em 2em 0 2em;
 }
 
-.ReactTable .rt-td{
+.ReactTable .rt-td,.rt-resizable-header-content{
   white-space: pre-line !important;
   word-wrap: break-word;
 }
+

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

@@ -18,3 +18,9 @@ $black: #3a3a3a;
   background-color: $light-red !important;
   color: $black;
 }
+
+.attack-matrix div.rt-td:hover {
+    transform: scale(1.08);
+    filter: brightness(110%);
+}
+

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

@@ -9,3 +9,7 @@
 .report-nav > li > a{
   height: 50px !important;
 }
+
+.report-nav > li.active{
+  font-weight: bold;
+}