From bc4ae0fd1d1c5a63734efe345bb23d3f4d2bdd26 Mon Sep 17 00:00:00 2001
From: Martavis Parker <47053705+martavis@users.noreply.github.com>
Date: Tue, 29 Jun 2021 11:10:47 -0700
Subject: [PATCH] UI tweaks 4.0.0 (#1257)

* #1246 removed outline for focused tab

* #1247 adjusted styles for actions dropdown

* #1249 addressed styles for transfer modal dropdown
---
 .../DataTable/DropdownCell/_styles.scss       | 19 +++++++++++++-
 .../pages/admin/SettingsWrapper/_styles.scss  |  2 +-
 .../TeamManagementPage/TeamTableConfig.tsx    |  2 +-
 .../components/TransferHostModal/_styles.scss | 26 +++++++++++++++++++
 go.sum                                        |  1 +
 5 files changed, 47 insertions(+), 3 deletions(-)

diff --git a/frontend/components/TableContainer/DataTable/DropdownCell/_styles.scss b/frontend/components/TableContainer/DataTable/DropdownCell/_styles.scss
index 58c5a5003b..8574d7d392 100644
--- a/frontend/components/TableContainer/DataTable/DropdownCell/_styles.scss
+++ b/frontend/components/TableContainer/DataTable/DropdownCell/_styles.scss
@@ -7,6 +7,11 @@
       display: flex;
       justify-content: space-between;
       border: 0;
+      cursor: pointer;
+
+      &:hover .Select-placeholder {
+        color: $core-vibrant-blue;
+      }
 
       .Select-placeholder {
         line-height: normal;
@@ -25,11 +30,23 @@
       z-index: 6;
       overflow: hidden;
       border: 0;
-      width: auto;
+      width: 150px;
       right: 28px;
       left: unset;
       top: unset;
       max-height: 220px;
     }
+
+    &:not(.is-open) {
+      .Select-control:hover .Select-arrow {
+        content: url("../assets/images/icon-chevron-blue-16x16@2x.png");
+      }
+    }
+
+    &.is-open {
+      .Select-control .Select-placeholder {
+        color: $core-vibrant-blue;
+      }
+    }
   }
 }
diff --git a/frontend/pages/admin/SettingsWrapper/_styles.scss b/frontend/pages/admin/SettingsWrapper/_styles.scss
index fc25d2a7db..989177df0a 100644
--- a/frontend/pages/admin/SettingsWrapper/_styles.scss
+++ b/frontend/pages/admin/SettingsWrapper/_styles.scss
@@ -35,7 +35,7 @@
 
       &:focus {
         box-shadow: none;
-        outline: auto;
+        outline: 0;
       }
 
       // Bolding text when the tab is active causes a layout shift
diff --git a/frontend/pages/admin/TeamManagementPage/TeamTableConfig.tsx b/frontend/pages/admin/TeamManagementPage/TeamTableConfig.tsx
index 61f1ea7a86..63a7d5a757 100644
--- a/frontend/pages/admin/TeamManagementPage/TeamTableConfig.tsx
+++ b/frontend/pages/admin/TeamManagementPage/TeamTableConfig.tsx
@@ -71,7 +71,7 @@ const generateTableHeaders = (
     },
     {
       title: "Actions",
-      Header: "Actions",
+      Header: "",
       disableSortBy: true,
       accessor: "actions",
       Cell: (cellProps) => (
diff --git a/frontend/pages/hosts/ManageHostsPage/components/TransferHostModal/_styles.scss b/frontend/pages/hosts/ManageHostsPage/components/TransferHostModal/_styles.scss
index d94ad6816e..f3381f01d6 100644
--- a/frontend/pages/hosts/ManageHostsPage/components/TransferHostModal/_styles.scss
+++ b/frontend/pages/hosts/ManageHostsPage/components/TransferHostModal/_styles.scss
@@ -15,4 +15,30 @@
     font-weight: $bold;
     text-decoration: none;
   }
+
+  .Select {
+    .Select-control {
+      cursor: pointer;
+      
+      &:hover .Select-placeholder {
+        color: $core-vibrant-blue;
+      }
+    }
+
+    .Select-arrow {
+      margin-top: 7px;
+    }
+
+    &:not(.is-open) {
+      .Select-control:hover .Select-arrow {
+        content: url("../assets/images/icon-chevron-blue-16x16@2x.png");
+      }
+    }
+
+    &.is-open {
+      .Select-control .Select-placeholder {
+        color: $core-vibrant-blue;
+      }
+    }
+  }
 }
diff --git a/go.sum b/go.sum
index a82ae0fcdc..3bf54206e7 100644
--- a/go.sum
+++ b/go.sum
@@ -457,6 +457,7 @@ github.com/onsi/gomega v1.7.0 h1:XPnZz8VVBHjVsy1vzJmRwIcSwiUO+JFfrv/xGiigmME=
 github.com/onsi/gomega v1.7.0/go.mod h1:ex+gbHU/CVuBBDIJjb2X0qEXbFg53c61hWP/1CpauHY=
 github.com/open-policy-agent/opa v0.24.0 h1:fnGOIux+TTGZsC0du1bRBtV8F+KPN55Hks12uE3Fq3E=
 github.com/open-policy-agent/opa v0.24.0/go.mod h1:qEyD/i8j+RQettHGp4f86yjrjvv+ZYia+JHCMv2G7wA=
+github.com/opencensus-integrations/ocsql v0.1.1 h1:+J5BmLX1kNWCH9/5wJdleej2oRyJrhVEt+FAjq1VqaI=
 github.com/opencensus-integrations/ocsql v0.1.1/go.mod h1:ozPYpNVBHZsX33jfoQPO5TlI5lqh0/3R36kirEqJKAM=
 github.com/pascaldekloe/goe v0.0.0-20180627143212-57f6aae5913c h1:Lgl0gzECD8GnQ5QCWA8o6BtfL6mDH5rQgM4/fX3avOs=
 github.com/pascaldekloe/goe v0.0.0-20180627143212-57f6aae5913c/go.mod h1:lzWF7FIEvWOWxwDKqyGYQf6ZUaNfKdP144TG7ZOy1lc=