Changed important tabs to be highlighted rather than having text in the front

monkey/monkey_island/cc/services/config_schema.py

@@ -323,8 +323,9 @@ SCHEMA = {
     },
     "properties": {
         "basic": {
-            "title": "Basic - Exploits",
+            "title": "Exploits",
             "type": "object",
+            "primary": True,
             "properties": {
                 "general": {
                     "title": "General",
@@ -377,7 +378,7 @@ SCHEMA = {
             }
         },
         "basic_network": {
-            "title": "Basic - Network",
+            "title": "Network",
             "type": "object",
             "properties": {
                 "general": {

monkey/monkey_island/cc/ui/src/components/pages/ConfigurePage.js

@@ -383,10 +383,13 @@ class ConfigurePageComponent extends AuthComponent {
                  activeKey={this.state.selectedSection} onSelect={this.setSelectedSection}
                  style={{'marginBottom': '2em'}}
                  className={'config-nav'}>
-      {this.state.sections.map(section =>
+      {this.state.sections.map(section => {
+        let classProp = section.key.startsWith('basic') ? 'tab-primary' : '';
+        return (
         <Nav.Item>
-          <Nav.Link eventKey={section.key}>{section.title}</Nav.Link>
-        </Nav.Item>)}
+          <Nav.Link className={classProp} eventKey={section.key}>{section.title}</Nav.Link>
+        </Nav.Item>);
+      })}
     </Nav>)
   };
 

monkey/monkey_island/cc/ui/src/styles/pages/ConfigurationPage.scss

@@ -2,6 +2,11 @@
   height: 50px !important;
 }
 
+.config-nav .nav-link.tab-primary{
+  color: $monkey-alt;
+  font-weight: bold;
+}
+
 .config-nav .nav-item > a{
   color: $black;
   padding: 15px 10px 15px 10px;