refs #14161 Merge branch 'origin/14161-inputs-focus-enter-action'

Arvados-DCO-1.1-Signed-off-by: Daniel Kos <daniel.kos@contractors.roche.com>

diff --combined src/views-components/form-fields/collection-form-fields.tsx
index ddd5bceff37d8aabdc60a631f6367d7216bc0abf,1771c0e72b81bab3f5c6b7e84b60dcfa15426b54..be5f93df6a52b401177f0fa12f27594e46abe2c4
--- 1/src/views-components/form-fields/collection-form-fields.tsx
--- 2/src/views-components/form-fields/collection-form-fields.tsx
+++ b/src/views-components/form-fields/collection-form-fields.tsx
@@@ -13,7 -13,8 +13,8 @@@ export const CollectionNameField = () =
          name='name'
          component={TextField}
          validate={COLLECTION_NAME_VALIDATION}
-         label="Collection Name" />;
+         label="Collection Name"
+         autoFocus={true} />;
  
  export const CollectionDescriptionField = () =>
      <Field
@@@ -29,6 -30,6 +30,6 @@@ export const CollectionProjectPickerFie
          validate={COLLECTION_PROJECT_VALIDATION} />;
  
  const ProjectPicker = (props: WrappedFieldProps) =>
 -    <div style={{ width: '400px', height: '144px', display: 'flex', flexDirection: 'column' }}>
 +    <div style={{ height: '144px', display: 'flex', flexDirection: 'column' }}>
          <ProjectTreePicker onChange={projectUuid => props.input.onChange(projectUuid)} />
      </div>;