From 4ee3f6be0dca14084e622c4dac96c4a7d03a7bb3 Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Sat, 6 Aug 2022 00:34:14 -0700
Subject: [PATCH] tweaking access field sizes

---
 net/web/src/access/createAccount/CreateAccount.jsx | 8 ++++----
 net/web/src/access/login/Login.jsx                 | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/net/web/src/access/createAccount/CreateAccount.jsx b/net/web/src/access/createAccount/CreateAccount.jsx
index 4641851b..6aa88e6f 100644
--- a/net/web/src/access/createAccount/CreateAccount.jsx
+++ b/net/web/src/access/createAccount/CreateAccount.jsx
@@ -39,25 +39,25 @@ export  function CreateAccount() {
 
           <Form.Item name="username" validateStatus={state.validateStatus} help={state.help}>
             <Input placeholder="Username" spellCheck="false" onChange={(e) => actions.setUsername(e.target.value)}
-                autocomplete="username" autocapitalize="none" onKeyDown={(e) => keyDown(e)} prefix={<UserOutlined />} />
+                autocomplete="username" autocapitalize="none" onKeyDown={(e) => keyDown(e)} prefix={<UserOutlined />} size="large" />
           </Form.Item>
 
           <div class="form-space"></div>
 
           <Form.Item name="password">
             <Input.Password placeholder="Password" spellCheck="false" onChange={(e) => actions.setPassword(e.target.value)}
-                autocomplete="new-password" onKeyDown={(e) => keyDown(e)} prefix={<LockOutlined />} />
+                autocomplete="new-password" onKeyDown={(e) => keyDown(e)} prefix={<LockOutlined />} size="large" />
           </Form.Item>
 
           <Form.Item name="confirm">
             <Input.Password placeholder="Confirm Password" spellCheck="false" onChange={(e) => actions.setConfirm(e.target.value)}
-                autocomplete="new-password" onKeyDown={(e) => keyDown(e)} prefix={<LockOutlined />} />
+                autocomplete="new-password" onKeyDown={(e) => keyDown(e)} prefix={<LockOutlined />} size="large" />
           </Form.Item>
 
           <div class="form-button">
             <div class="form-create">
               <Button type="primary" block onClick={create} disabled={ actions.isDisabled()} 
-                  loading={state.busy}>
+                  loading={state.busy} size="middle">
                 Create Account
               </Button>
             </div>
diff --git a/net/web/src/access/login/Login.jsx b/net/web/src/access/login/Login.jsx
index bdb1e44c..5ad4e7cd 100644
--- a/net/web/src/access/login/Login.jsx
+++ b/net/web/src/access/login/Login.jsx
@@ -39,18 +39,18 @@ export  function Login() {
 
           <Form.Item name="username">
             <Input placeholder="Username" spellCheck="false" onChange={(e) => actions.setUsername(e.target.value)}
-                autocomplete="username" autocapitalize="none" onKeyDown={(e) => keyDown(e)} prefix={<UserOutlined />} />
+                autocomplete="username" autocapitalize="none" onKeyDown={(e) => keyDown(e)} prefix={<UserOutlined />} size="large" />
           </Form.Item>
 
           <Form.Item name="password">
             <Input.Password placeholder="Password" spellCheck="false" onChange={(e) => actions.setPassword(e.target.value)}
-                autocomplete="current-password" onKeyDown={(e) => keyDown(e)} prefix={<LockOutlined />} />
+                autocomplete="current-password" onKeyDown={(e) => keyDown(e)} prefix={<LockOutlined />} size="large" />
           </Form.Item>
 
           <div class="form-button">
             <div class="form-login">
               <Button type="primary" block onClick={login} disabled={ actions.isDisabled()} 
-                  loading={state.busy}>
+                  size="middle" loading={state.busy}>
                 Login
               </Button>
             </div>