From 10fc7e88e0698a5eab4a21e0a31223601eaaea66 Mon Sep 17 00:00:00 2001
From: Matthew Penner <me@matthewp.io>
Date: Tue, 16 Feb 2021 13:04:10 -0700
Subject: [PATCH] admin(ui): autofocus field on New Role modal open

---
 resources/scripts/components/admin/roles/NewRoleButton.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/scripts/components/admin/roles/NewRoleButton.tsx b/resources/scripts/components/admin/roles/NewRoleButton.tsx
index f57bdefdb..662e3fabc 100644
--- a/resources/scripts/components/admin/roles/NewRoleButton.tsx
+++ b/resources/scripts/components/admin/roles/NewRoleButton.tsx
@@ -63,7 +63,7 @@ export default () => {
                             }}
                         >
                             <FlashMessageRender byKey={'role:create'} css={tw`mb-6`}/>
-                            <h2 css={tw`text-neutral-100 text-2xl mb-6`}>New Role</h2>
+                            <h2 css={tw`mb-6 text-2xl text-neutral-100`}>New Role</h2>
                             <Form css={tw`m-0`}>
                                 <Field
                                     type={'string'}
@@ -71,6 +71,7 @@ export default () => {
                                     name={'name'}
                                     label={'Name'}
                                     description={'A short name used to identify this role.'}
+                                    autoFocus
                                 />
 
                                 <div css={tw`mt-6`}>