From ad071ca677213bc79c17945cb3326d6cf4435898 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 12 May 2022 13:33:37 -0700
Subject: [PATCH 1/2] Use the same colour on the download button regardless of
 usage

The download button is always yellow regardless of the usage
so the text should always be a contrasting black, not a themed
colour.
---
 packages/web/components/elements/ExtensionsInstallHelp.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web/components/elements/ExtensionsInstallHelp.tsx b/packages/web/components/elements/ExtensionsInstallHelp.tsx
index 9e087b989..93edcb668 100644
--- a/packages/web/components/elements/ExtensionsInstallHelp.tsx
+++ b/packages/web/components/elements/ExtensionsInstallHelp.tsx
@@ -292,7 +292,7 @@ export default function ExtensionsInstallHelp({
             height: 'min-content',
             textDecoration: 'none',
             width: !onboarding ? '100%' : '210px',
-            color: !onboarding ? '$grayTextContrast' : 'rgba(10, 8, 6, 0.8)',
+            color: 'rgba(10, 8, 6, 0.8)',
             textAlign: 'center',
             '@lgDown': {
               width: '27vw',

From 7811e9e428c9bbba6e147b47e39801b9719a0221 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 12 May 2022 16:33:29 -0700
Subject: [PATCH 2/2] Improve the Lean More button on smaller screens

---
 .../elements/ExtensionsInstallHelp.tsx        | 25 +++----------------
 1 file changed, 3 insertions(+), 22 deletions(-)

diff --git a/packages/web/components/elements/ExtensionsInstallHelp.tsx b/packages/web/components/elements/ExtensionsInstallHelp.tsx
index 93edcb668..d4be60213 100644
--- a/packages/web/components/elements/ExtensionsInstallHelp.tsx
+++ b/packages/web/components/elements/ExtensionsInstallHelp.tsx
@@ -128,22 +128,6 @@ export default function ExtensionsInstallHelp({
           },
         }}
       >
-        <Link passHref href="/help/saving-links">
-          <StyledAnchor
-            css={{
-              fontWeight: '600',
-              fontSize: '12px',
-              lineHeight: '18px',
-              textAlign: 'right',
-              color: !onboarding ? '$grayTextContrast' : 'rgba(10, 8, 6, 0.8)',
-              '@lg': {
-                display: 'none',
-              },
-            }}
-          >
-            Learn more
-          </StyledAnchor>
-        </Link>
         <StyledText
           as={'h3'}
           css={{
@@ -193,14 +177,10 @@ export default function ExtensionsInstallHelp({
                 color: '$grayTextContrast',
                 fontSize: '14px',
                 fontWeight: 600,
-                display: 'none',
-                '@lg': {
-                  display: 'initial',
-                  textDecoration: 'underline',
-                },
+                textDecoration: 'underline',
               }}
             >
-              Learn more about the browser extension here.
+              Learn more about the browser extension -&gt;
             </StyledAnchor>
           </Link>
         )}
@@ -214,6 +194,7 @@ export default function ExtensionsInstallHelp({
           width: '100%',
           justifyContent: 'space-between',
           flexDirection: 'row',
+          mt: '10px',
           '@lg': {
             gridColumn: '3',
             gridRow: '1',