From 4042408126c6eea0599dcb9e9c1e89626b4bbcf2 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 15 Jun 2022 16:31:50 -0700
Subject: [PATCH] Disable margins on small screens again

Need to fix how this is down across all smaller devices, until
then we can disable so the fonts stuff can be deployed.
---
 .../templates/article/ReaderSettingsControl.tsx          | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/web/components/templates/article/ReaderSettingsControl.tsx b/packages/web/components/templates/article/ReaderSettingsControl.tsx
index 6ba40114a..9599a5491 100644
--- a/packages/web/components/templates/article/ReaderSettingsControl.tsx
+++ b/packages/web/components/templates/article/ReaderSettingsControl.tsx
@@ -100,7 +100,11 @@ export function ReaderSettingsControl(props: ReaderSettingsProps): JSX.Element {
             </Box>
           </HStack>
         </HStack>
-        <HorizontalDivider />
+        <HorizontalDivider css={{
+          '@smDown': {
+            display: 'none',
+          },
+        }}/>
         <VStack
           css={{
             p: '0px',
@@ -108,6 +112,9 @@ export function ReaderSettingsControl(props: ReaderSettingsProps): JSX.Element {
             pb: '14px',
             width: '100%',
             height: '100%',
+            '@smDown': {
+              display: 'none',
+            },
           }}
         >
           <StyledText color={theme.colors.readerFontTransparent.toString()} css={{ pl: '8px', m: '0px', pt: '14px' }}>Margin:</StyledText>