Merge branch 'feature/table_design' into 'develop'

Changed styles of inactive users in table

See merge request 2020-2021/online/s101/group-02/access_controller!63

static/main/js/control.js

@@ -1,4 +1,6 @@
 "use strict";
+import React from "react";
+import ReactDOM from "react-dom";
 
 function head_checkbox() {
   let head_checkbox = document.getElementById("head-checkbox");
@@ -45,13 +47,19 @@ class ModelUserTableRows extends React.Component {
 class ZendeskUserTableRow extends React.Component {
   render() {
     return (
-      <tr className={"table-secondary"}>
+      <tr className={"table-secondary text-secondary"}>
         <td></td>
         <td>
-          <a href="#">{this.props.user.name}</a>
+          <a href="#" style={{ color: "grey", fontStyle: "italic" }}>
+            {this.props.user.name}
+          </a>
+        </td>
+        <td style={{ color: "grey", fontStyle: "italic" }}>
+          {this.props.user.email}
+        </td>
+        <td style={{ color: "grey", fontStyle: "italic" }}>
+          {this.props.user.zendesk_role}
         </td>
-        <td>{this.props.user.email}</td>
-        <td>{this.props.user.zendesk_role}</td>
       </tr>
     );
   }