From faa064050faaa2d0a77f71ea31d608f2fa5bcf21 Mon Sep 17 00:00:00 2001
From: Teal Larson <LARSON.TEAL@GMAIL.COM>
Date: Tue, 13 Sep 2022 10:32:14 -0400
Subject: [PATCH] =?UTF-8?q?=F0=9F=AA=9F=20=F0=9F=8E=A8=20Minor=20design=20?=
 =?UTF-8?q?updates=20(#16363)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* changes to table views

* remove sticky header for now

* fix margins on signout card

* remove overflow: hidden

* Update airbyte-webapp/src/components/Table/Table.tsx

Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com>

Co-authored-by: Edmundo Ruiz Ghanem <168664+edmundito@users.noreply.github.com>
---
 airbyte-webapp/src/components/ContentCard/ContentCard.tsx    | 2 +-
 airbyte-webapp/src/components/Table/Table.tsx                | 5 ++++-
 .../views/users/AccountSettingsView/AccountSettingsView.tsx  | 1 +
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/airbyte-webapp/src/components/ContentCard/ContentCard.tsx b/airbyte-webapp/src/components/ContentCard/ContentCard.tsx
index 40b5104a770f..1d6193153e18 100644
--- a/airbyte-webapp/src/components/ContentCard/ContentCard.tsx
+++ b/airbyte-webapp/src/components/ContentCard/ContentCard.tsx
@@ -23,7 +23,7 @@ const Title = styled(H5)<{ light?: boolean; roundedBottom?: boolean }>`
 const ContentCard: React.FC<IProps> = (props) => (
   <Card className={props.className} onClick={props.onClick} full={props.full}>
     {props.title ? (
-      <Title light={props.light || !props.children} roundedBottom={!!props.children}>
+      <Title light={props.light} roundedBottom={!!props.children}>
         {props.title}
       </Title>
     ) : null}
diff --git a/airbyte-webapp/src/components/Table/Table.tsx b/airbyte-webapp/src/components/Table/Table.tsx
index 248aa15587cf..6c766d993393 100644
--- a/airbyte-webapp/src/components/Table/Table.tsx
+++ b/airbyte-webapp/src/components/Table/Table.tsx
@@ -43,6 +43,9 @@ const Tr = styled.tr<{
 }>`
   background: ${({ theme, erroredRows }) => (erroredRows ? theme.dangerTransparentColor : theme.whiteColor)};
   cursor: ${({ hasClick }) => (hasClick ? "pointer" : "auto")};
+  &:hover {
+    background-color: ${({ theme }) => `${theme.grey50}`};
+  }
 `;
 
 const Td = styled.td<{
@@ -92,7 +95,7 @@ const Th = styled.th<IThProps>`
   }
 
   &:last-child {
-    padding-left: 45px;
+    padding-left: 15px;
     border-radius: 0 10px 0 0;
   }
 `;
diff --git a/airbyte-webapp/src/packages/cloud/views/users/AccountSettingsView/AccountSettingsView.tsx b/airbyte-webapp/src/packages/cloud/views/users/AccountSettingsView/AccountSettingsView.tsx
index e73690a7eff4..85b309af616a 100644
--- a/airbyte-webapp/src/packages/cloud/views/users/AccountSettingsView/AccountSettingsView.tsx
+++ b/airbyte-webapp/src/packages/cloud/views/users/AccountSettingsView/AccountSettingsView.tsx
@@ -27,6 +27,7 @@ const AccountSettingsView: React.FC = () => {
       <EmailSection />
       {authService.hasPasswordLogin() && <PasswordSection />}
       <SettingsCard
+        light={false}
         title={
           <Header>
             <FormattedMessage id="settings.accountSettings.logoutLabel" />