From 1427ffc783d531f32045f33c4b38563ac98c336a Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Sun, 10 Apr 2022 10:42:02 -0700
Subject: [PATCH] Test some smaller sizes for mobile screens

---
 .../web/components/templates/article/EditLabelsModal.tsx   | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/web/components/templates/article/EditLabelsModal.tsx b/packages/web/components/templates/article/EditLabelsModal.tsx
index ba441f215..b66b951b5 100644
--- a/packages/web/components/templates/article/EditLabelsModal.tsx
+++ b/packages/web/components/templates/article/EditLabelsModal.tsx
@@ -97,6 +97,7 @@ function Header(props: HeaderProps): JSX.Element {
         <FormInput
           ref={inputRef}
           type="text"
+          tabIndex={0}
           autoFocus={!isTouchScreenDevice()}
           value={props.filterText}
           placeholder="Filter for label"
@@ -242,7 +243,11 @@ export function EditLabelsModal(props: EditLabelsModalProps): JSX.Element {
     //   >
         <VStack distribution="start" css={{ 
           p: '0', maxHeight: '400px',
-          width: '265px',
+          maxWidth: '265px',
+          '@mdDown': {
+            maxWidth: '100%',
+            maxHeight: '280px',
+          },
         }}>
           <Header setFilterText={setFilterText} filterText={filterText} />
           <LabelsList