From 562393940fe1421f98fdbc09764405e53bc73344 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 28 Mar 2022 21:59:13 -0700
Subject: [PATCH] Display the informational button on the mobile UI for emails

We want mobile users to have access to the help doc on emails
---
 packages/web/pages/settings/emails.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/web/pages/settings/emails.tsx b/packages/web/pages/settings/emails.tsx
index fb9e2157e..7b26da7b7 100644
--- a/packages/web/pages/settings/emails.tsx
+++ b/packages/web/pages/settings/emails.tsx
@@ -36,7 +36,6 @@ type CopyTextButtonProps = {
 }
 
 const HeaderWrapper = styled(Box, {
-  display: 'none',
   width: '863px',
   '@md': {
     display: 'block',
@@ -63,11 +62,14 @@ const TableCard = styled(Box, {
 const TableHeading = styled(Box, {
   backgroundColor: '$grayBgActive',
   border: '1px solid rgba(0, 0, 0, 0.06)',
-  display: 'flex',
+  display: 'none',
   alignItems: 'center',
   padding: '14px 0 14px 40px',
   borderRadius: '5px 5px 0px 0px',
   width: '863px',
+  '@md': {
+    display: 'flex',
+  }
 })
 
 const Input = styled('input', {
@@ -244,7 +246,12 @@ export default function EmailsPage(): JSX.Element {
                 </a>
               </Link>
             </Box>
-            <Box>
+            <Box css={{
+              display: 'none',
+              '@md': {
+                display: 'unset',
+              },
+            }}>
               <Button
                 onClick={createEmail}
                 style="ctaDarkYellow"