#8: Add tooltips to settings [partial]

src/components/ConfigurationItem/ConfigurationItem.js

@@ -1,5 +1,8 @@
 import React from 'react';
 import './ConfigurationItem.css';
+import settings from '../../assets/settings';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faInfoCircle} from '@fortawesome/free-solid-svg-icons';
 
 export default props => {
   const handleChanged = (e) => {
@@ -9,6 +12,18 @@ export default props => {
     }
     props.changed(target);
   };
+
+  let infoDisplay;
+  if (settings[props.grouping] && settings[props.grouping][props.label]) {
+    const displayInfo = () => {
+      const description = settings[props.grouping][props.label];
+      alert(description);
+    };
+
+    infoDisplay = <a href={void(0)}
+                  className={'ConfigurationInfo'}
+                  onClick={()=>{displayInfo(); return false;}}><FontAwesomeIcon icon={faInfoCircle}/></a>;
+  }
   
   let data;
   switch (props.template.type) {
@@ -96,7 +111,9 @@ export default props => {
              width='100%'>
         <tbody>
           <tr>
-            <td width='100%'>{props.label}</td>
+            {infoDisplay ?
+              <td width='100%'>{infoDisplay} {props.label}</td> :
+              <td width='100%'>{props.label}</td>}
             <td>{data}</td>
           </tr>
         </tbody>