diff --git a/ui/src/admin/components/chronograf/OrgTableRow.js b/ui/src/admin/components/chronograf/OrgTableRow.js
index 068e30f817..53a1825a24 100644
--- a/ui/src/admin/components/chronograf/OrgTableRow.js
+++ b/ui/src/admin/components/chronograf/OrgTableRow.js
@@ -31,7 +31,13 @@ const OrgTableRow = ({
)
return (
-
+
|
Username |
- Organization |
- Role |
+
+ Organization
+ |
+
+ Role
+ |
SuperAdmin
diff --git a/ui/src/admin/components/chronograf/UsersTableRow.js b/ui/src/admin/components/chronograf/UsersTableRow.js
index 3ac3b81e7b..4311e31733 100644
--- a/ui/src/admin/components/chronograf/UsersTableRow.js
+++ b/ui/src/admin/components/chronograf/UsersTableRow.js
@@ -24,7 +24,13 @@ const UsersTableRow = ({
const isSelected = selectedUsers.find(u => isSameUser(user, u))
return (
- |
+
.caret {opacity: 0;}
+}
+table.table.chronograf-admin-table tbody tr.chronograf-admin-table--user.selected td div.dropdown div.btn.dropdown-toggle {
+ background-color: $g5-pepper;
+}
+table.table.chronograf-admin-table tbody tr.chronograf-admin-table--user:hover td div.dropdown div.btn.dropdown-toggle {
+ background-color: $c-pool;
+ color: $g20-white;
+
+ > .caret {opacity: 1;}
+
+ &:hover {
+ background-color: $c-laser;
+ }
+}
+table.table.chronograf-admin-table tbody tr.chronograf-admin-table--user td div.dropdown.open div.btn.dropdown-toggle,
+table.table.chronograf-admin-table tbody tr.chronograf-admin-table--user td div.dropdown.open div.btn.dropdown-toggle:hover {
+ background-color: $c-hydrogen;
+ color: $g20-white;
+
+ > .caret {opacity: 1;}
+}
+
+/* Styles for new user row */
table.table.chronograf-admin-table tbody tr.chronograf-admin-table--new-user {
background-color: $g4-onyx;
|