From 8b579064a45b877fb6d2e8dd11b13877e25e267c Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Sun, 10 Apr 2022 21:43:53 -0700
Subject: [PATCH] Dont show margin sizer on small screens that dont allow
 sizing margins

---
 .../web/components/templates/article/ReaderSettingsModal.tsx   | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/web/components/templates/article/ReaderSettingsModal.tsx b/packages/web/components/templates/article/ReaderSettingsModal.tsx
index 58e59bcfb..b2ca52caa 100644
--- a/packages/web/components/templates/article/ReaderSettingsModal.tsx
+++ b/packages/web/components/templates/article/ReaderSettingsModal.tsx
@@ -61,6 +61,9 @@ export function ReaderSettings(props: ReaderSettingsProps): JSX.Element {
           pb: '14px',
           width: '100%',
           height: '100%',
+          '@smDown': {
+            display: 'none',
+          },
         }}
       >
         <StyledText color={theme.colors.readerFontTransparent.toString()} css={{ pl: '12px', m: '0px', pt: '14px' }}>Margin:</StyledText>