From 21085dc7a11bcd4b51b7461a5a24bd5c3d6cc279 Mon Sep 17 00:00:00 2001
From: zhixzhan <zhixzhan@microsoft.com>
Date: Tue, 20 Apr 2021 14:44:05 +0800
Subject: [PATCH 1/4] update styles

---
 .../packages/client/src/pages/home/Home.tsx   |  2 +-
 .../packages/client/src/pages/home/styles.ts  | 22 ++++++++++++++-----
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/Composer/packages/client/src/pages/home/Home.tsx b/Composer/packages/client/src/pages/home/Home.tsx
index 5342f71c2d..b67e43e4de 100644
--- a/Composer/packages/client/src/pages/home/Home.tsx
+++ b/Composer/packages/client/src/pages/home/Home.tsx
@@ -202,7 +202,7 @@ const Home: React.FC<RouteComponentProps> = () => {
           </div>
           <div css={home.videosContainer}>
             <div css={home.rowContainer}>
-              <Pivot aria-label="Videos and articles" linkSize={PivotLinkSize.large}>
+              <Pivot aria-label="Videos and articles" linkSize={PivotLinkSize.large} css={home.pivotContainer}>
                 {feed.tabs.map((tab, index) => (
                   <PivotItem key={index} headerText={tab.title}>
                     {tab.viewAllLinkText && (
diff --git a/Composer/packages/client/src/pages/home/styles.ts b/Composer/packages/client/src/pages/home/styles.ts
index e0963db85c..a820a6d7d5 100644
--- a/Composer/packages/client/src/pages/home/styles.ts
+++ b/Composer/packages/client/src/pages/home/styles.ts
@@ -27,21 +27,21 @@ export const page = css`
 
 export const leftPage = css`
   flex: 50%;
-  padding: 0 25px 25px 25px;
+  padding: 0 24px 24px 24px;
   display: flex;
   flex-direction: column;
 `;
 
 export const rightPage = css`
   flex: 1;
-  padding-right: 25px;
+  padding-right: 24px;
   display: flex;
   flex-direction: column;
 `;
 
 export const title = css`
   display: block;
-  padding: 25px 25px 0px 25px;
+  padding: 24px 24px 0px 24px;
   font-size: ${FontSizes.xxLarge};
   line-height: 36px;
   font-weight: ${FontWeights.semibold};
@@ -77,6 +77,15 @@ export const videosContainer = css`
   margin-top: 40px;
 `;
 
+export const pivotContainer = css`
+  button:first-of-type {
+    padding-left: 0;
+    :before {
+      left: 0;
+    }
+  }
+`;
+
 export const tabRowContainer = css`
   flex-wrap: wrap;
   display: flex;
@@ -176,6 +185,9 @@ export const cardItem = {
   container: css`
     font-size: ${fonts.medium.fontSize};
     margin: 12px 0 0 12px;
+    &:first-child {
+      margin-left: 0;
+    }
     padding: 12px;
     min-width: ${ImageCoverWidth}px;
     width: 17vw;
@@ -305,9 +317,9 @@ export const detailListScrollWrapper = css`
 export const whatsNewsContainer = css`
   position: relative;
   flex: 1;
-  padding: 20px 25px 25px 25px;
+  padding: 20px 24px 24px 24px;
   border-radius: 5px;
-  margin: 20px 0 25px 0;
+  margin: 20px 0 24px 0;
   background: #f6f6f6;
   @media (max-width: 1416px) {
     background: none;

From 99dd7461fad311b5380738f377fc6bad41b8008f Mon Sep 17 00:00:00 2001
From: zhixzhan <zhixzhan@microsoft.com>
Date: Tue, 20 Apr 2021 14:44:26 +0800
Subject: [PATCH 2/4] recent bots list

---
 Composer/packages/client/src/pages/home/RecentBotList.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/Composer/packages/client/src/pages/home/RecentBotList.tsx b/Composer/packages/client/src/pages/home/RecentBotList.tsx
index 646f2df975..8ef78e2581 100644
--- a/Composer/packages/client/src/pages/home/RecentBotList.tsx
+++ b/Composer/packages/client/src/pages/home/RecentBotList.tsx
@@ -38,10 +38,6 @@ export function RecentBotList(props: RecentBotListProps): JSX.Element {
       maxWidth: 200,
       isRowHeader: true,
       isResizable: true,
-      isSorted: true,
-      isSortedDescending: false,
-      sortAscendingAriaLabel: formatMessage('Sorted A to Z'),
-      sortDescendingAriaLabel: formatMessage('Sorted Z to A'),
       data: 'string',
       onRender: (item) => {
         return (
@@ -131,7 +127,7 @@ export function RecentBotList(props: RecentBotListProps): JSX.Element {
         onRenderDetailsHeader={onRenderDetailsHeader}
       />
     );
-  }, []);
+  }, [recentProjects]);
 
   return (
     <div css={home.detailListContainer} data-is-scrollable="true">

From 996d681a8a1f329bc760cc376f37d5771fd220dc Mon Sep 17 00:00:00 2001
From: zhixzhan <zhixzhan@microsoft.com>
Date: Tue, 20 Apr 2021 15:09:53 +0800
Subject: [PATCH 3/4] lint

---
 Composer/packages/client/src/pages/home/Home.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Composer/packages/client/src/pages/home/Home.tsx b/Composer/packages/client/src/pages/home/Home.tsx
index b67e43e4de..f17bba4554 100644
--- a/Composer/packages/client/src/pages/home/Home.tsx
+++ b/Composer/packages/client/src/pages/home/Home.tsx
@@ -202,7 +202,7 @@ const Home: React.FC<RouteComponentProps> = () => {
           </div>
           <div css={home.videosContainer}>
             <div css={home.rowContainer}>
-              <Pivot aria-label="Videos and articles" linkSize={PivotLinkSize.large} css={home.pivotContainer}>
+              <Pivot aria-label="Videos and articles" css={home.pivotContainer} linkSize={PivotLinkSize.large}>
                 {feed.tabs.map((tab, index) => (
                   <PivotItem key={index} headerText={tab.title}>
                     {tab.viewAllLinkText && (

From 1c27c8bcee39179dd2e8395448ce01e3760c404c Mon Sep 17 00:00:00 2001
From: zhixzhan <zhixzhan@microsoft.com>
Date: Wed, 21 Apr 2021 08:40:43 +0800
Subject: [PATCH 4/4] no hover color for table header

---
 Composer/packages/client/src/pages/home/styles.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/Composer/packages/client/src/pages/home/styles.ts b/Composer/packages/client/src/pages/home/styles.ts
index a820a6d7d5..2876f3c4f6 100644
--- a/Composer/packages/client/src/pages/home/styles.ts
+++ b/Composer/packages/client/src/pages/home/styles.ts
@@ -305,6 +305,9 @@ export const detailListContainer = css`
   .ms-DetailsHeader-cellName {
     font-weight: 400;
   }
+  .ms-DetailsHeader-cell:hover {
+    background: none;
+  }
 `;
 
 export const detailListScrollWrapper = css`