+ client: handle DNS rewrites

client/src/components/ui/Card.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import './Card.css';
 
 const Card = props => (
-    <div className={props.type ? `card ${props.type}` : 'card'}>
+    <div className={props.type ? `card ${props.type}` : 'card'} id={props.id ? props.id : ''}>
         {props.title &&
         <div className="card-header with-border">
             <div className="card-inner">
@@ -30,6 +30,7 @@ const Card = props => (
 );
 
 Card.propTypes = {
+    id: PropTypes.string,
     title: PropTypes.string,
     subtitle: PropTypes.string,
     bodyType: PropTypes.string,

client/src/components/ui/ReactTable.css

@@ -15,3 +15,7 @@
 .rt-tr-group .green {
     background-color: #f1faf3;
 }
+
+.rt-tr-group .blue {
+    background-color: #ecf7ff;
+}