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

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;
+      }
+    }
   }
 }

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

frontend/pages/admin/TeamManagementPage/TeamTableConfig.tsx

@@ -71,7 +71,7 @@ const generateTableHeaders = (
     },
     {
       title: "Actions",
-      Header: "Actions",
+      Header: "",
       disableSortBy: true,
       accessor: "actions",
       Cell: (cellProps) => (

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;
+      }
+    }
+  }
 }

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=