Fix display of auth modal. Re #2262. (#2265)

web/components/modals/FediAuthModal/FediAuthModal.tsx

@@ -139,12 +139,7 @@ export const FediAuthModal: FC<FediAuthModalProps> = ({
         value={account}
         placeholder="youraccount@yourserver.com"
         status={!valid && account.length > 0 ? 'error' : undefined}
-        onPressEnter={submitAccountPressed}
-        enterButton={
-          <Button onClick={submitAccountPressed} disabled={!valid}>
-            Authenticate with Fediverse
-          </Button>
-        }
+        onSearch={submitAccountPressed}
       />
     </>
   );

web/components/modals/IndieAuthModal/IndieAuthModal.tsx

@@ -1,4 +1,4 @@
-import { Alert, Button, Input, Space, Spin, Collapse, Typography } from 'antd';
+import { Alert, Input, Space, Spin, Collapse, Typography } from 'antd';
 import React, { FC, useState } from 'react';
 import isValidURL from '../../../utils/urls';
 
@@ -124,12 +124,7 @@ export const IndieAuthModal: FC<IndieAuthModalProps> = ({
           value={host}
           placeholder="yoursite.com"
           status={!valid && host.length > 0 ? 'error' : undefined}
-          onPressEnter={submitButtonPressed}
-          enterButton={
-            <Button onClick={submitButtonPressed} disabled={!valid}>
-              Authenticate with your domain
-            </Button>
-          }
+          onSearch={submitButtonPressed}
         />
 
         <Collapse ghost>

web/components/ui/Modal/Modal.tsx

@@ -83,6 +83,4 @@ Modal.defaultProps = {
   handleOk: undefined,
   handleCancel: undefined,
   afterClose: undefined,
-  height: '40vh',
-  width: '70%',
 };

web/styles/ant-overrides.scss

@@ -118,7 +118,9 @@ DROPDOWN
 .ant-modal-title {
   color: var(--theme-color-components-modal-header-text);
 }
-
+.ant-modal-body {
+  overflow: scroll;
+}
 .ant-modal {
   color: var(--theme-color-components-text-on-light);
   h1 {