From c1284839ec543a58b37ad110f12b1d91ebcdfe47 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 3 Mar 2023 20:15:40 +0800
Subject: [PATCH] Buttons for adjusting font, fix font selector outline

---
 .../article/ReaderSettingsControl.tsx          | 18 +++---------------
 1 file changed, 3 insertions(+), 15 deletions(-)

diff --git a/packages/web/components/templates/article/ReaderSettingsControl.tsx b/packages/web/components/templates/article/ReaderSettingsControl.tsx
index 9d2d55486..144ec6824 100644
--- a/packages/web/components/templates/article/ReaderSettingsControl.tsx
+++ b/packages/web/components/templates/article/ReaderSettingsControl.tsx
@@ -94,7 +94,7 @@ function FontControls(props: FontControlsProps): JSX.Element {
     alignItems: 'center',
     fontSize: '12px',
     background: '$thBackground',
-    border: '1px sold $thBorderColor',
+    border: '1px solid $thBorderColor',
     fontFamily: props.readerSettings.fontFamily,
     textTransform: 'capitalize',
     borderRadius: '4px',
@@ -142,13 +142,7 @@ function FontControls(props: FontControlsProps): JSX.Element {
           style="plainIcon"
           css={{ py: '0px', width: '60px' }}
           onClick={() => {
-            // props.readerSettings.actionHandler('de')
-            // props.readerSettings
-            // const newMarginWith = Math.max(
-            //   props.readerSettings.marginWidth - 45,
-            //   200
-            // )
-            // props.readerSettings.setMarginWidth(newMarginWith)
+            props.readerSettings.actionHandler('decrementFontSize')
           }}
         >
           <SpanBox
@@ -179,13 +173,7 @@ function FontControls(props: FontControlsProps): JSX.Element {
           style="plainIcon"
           css={{ py: '0px', width: '60px' }}
           onClick={() => {
-            // props.readerSettings.actionHandler('de')
-            // props.readerSettings
-            // const newMarginWith = Math.max(
-            //   props.readerSettings.marginWidth - 45,
-            //   200
-            // )
-            // props.readerSettings.setMarginWidth(newMarginWith)
+            props.readerSettings.actionHandler('incrementFontSize')
           }}
         >
           <SpanBox