From 9c4c43bf6a01be6ec816590d9c46047b58c2be4c Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 14 Apr 2023 12:29:59 +0800
Subject: [PATCH] Better minWidth for small screens

---
 .../templates/KeyboardShortcutListModal.tsx           | 11 ++++++-----
 packages/web/pages/[username]/[slug]/index.tsx        |  1 -
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/web/components/templates/KeyboardShortcutListModal.tsx b/packages/web/components/templates/KeyboardShortcutListModal.tsx
index c6153250a..344dfe925 100644
--- a/packages/web/components/templates/KeyboardShortcutListModal.tsx
+++ b/packages/web/components/templates/KeyboardShortcutListModal.tsx
@@ -6,11 +6,8 @@ import {
   ModalTitleBar,
 } from '../elements/ModalPrimitives'
 import type { KeyboardCommand } from '../../lib/keyboardShortcuts/useKeyboardShortcuts'
-import { HStack, VStack, Box } from '../elements/LayoutPrimitives'
+import { VStack, Box } from '../elements/LayoutPrimitives'
 import { StyledText } from '../elements/StyledText'
-import { Button } from '../elements/Button'
-import { CrossIcon } from '../elements/images/CrossIcon'
-import { theme } from '../tokens/stitches.config'
 import {
   navigationCommands,
   searchBarCommands,
@@ -143,6 +140,9 @@ export function KeyboardShortcutListModal(
           minWidth: '650px',
           minHeight: '430px',
           height: '430px',
+          '@mdDown': {
+            minWidth: '320px',
+          },
         }}
         onInteractOutside={() => {
           // remove focus from modal
@@ -163,11 +163,12 @@ export function KeyboardShortcutListModal(
             onOpenChange={props.onOpenChange}
           />
           <VStack
+            id="keyboard-shortcuts-ctr"
             distribution="start"
             css={{
               width: '100%',
               maxHeight: '100%',
-              overflow: 'scroll',
+              overflowY: 'scroll',
             }}
           >
             <ShortcutListSection
diff --git a/packages/web/pages/[username]/[slug]/index.tsx b/packages/web/pages/[username]/[slug]/index.tsx
index e59f249cb..7f16479af 100644
--- a/packages/web/pages/[username]/[slug]/index.tsx
+++ b/packages/web/pages/[username]/[slug]/index.tsx
@@ -113,7 +113,6 @@ export default function Home(): JSX.Element {
           }
           break
         case 'mark-read':
-          console.log('marking read: ', article)
           if (article) {
             articleReadingProgressMutation({
               id: article.id,