From 7a973bf141f6694cb552d9a2f165b57848cf1527 Mon Sep 17 00:00:00 2001
From: dklimpel <5740567+dklimpel@users.noreply.github.com>
Date: Sat, 3 Feb 2024 23:50:53 +0100
Subject: [PATCH] fix login design

---
 src/components/LoginPage.js | 72 ++++++++++++++++++++-----------------
 1 file changed, 39 insertions(+), 33 deletions(-)

diff --git a/src/components/LoginPage.js b/src/components/LoginPage.js
index 3150339..6ff3e63 100644
--- a/src/components/LoginPage.js
+++ b/src/components/LoginPage.js
@@ -253,39 +253,45 @@ const LoginPage = () => {
 
     return (
       <>
-        <TextInput
-          autoFocus
-          name="username"
-          component={renderInput}
-          label="ra.auth.username"
-          disabled={loading || !supportPassAuth}
-          onBlur={handleUsernameChange}
-          resettable
-          fullWidth
-          className="input"
-          validate={required()}
-        />
-        <PasswordInput
-          name="password"
-          component={renderInput}
-          label="ra.auth.password"
-          type="password"
-          disabled={loading || !supportPassAuth}
-          resettable
-          fullWidth
-          className="input"
-          validate={required()}
-        />
-        <TextInput
-          name="base_url"
-          component={renderInput}
-          label="synapseadmin.auth.base_url"
-          disabled={cfg_base_url || loading}
-          resettable
-          fullWidth
-          className="input"
-          validate={[required(), validateBaseUrl]}
-        />
+        <Box>
+          <TextInput
+            autoFocus
+            name="username"
+            component={renderInput}
+            label="ra.auth.username"
+            disabled={loading || !supportPassAuth}
+            onBlur={handleUsernameChange}
+            resettable
+            fullWidth
+            className="input"
+            validate={required()}
+          />
+        </Box>
+        <Box>
+          <PasswordInput
+            name="password"
+            component={renderInput}
+            label="ra.auth.password"
+            type="password"
+            disabled={loading || !supportPassAuth}
+            resettable
+            fullWidth
+            className="input"
+            validate={required()}
+          />
+        </Box>
+        <Box>
+          <TextInput
+            name="base_url"
+            component={renderInput}
+            label="synapseadmin.auth.base_url"
+            disabled={cfg_base_url || loading}
+            resettable
+            fullWidth
+            className="input"
+            validate={[required(), validateBaseUrl]}
+          />
+        </Box>
         <Box className="serverVersion">{serverVersion}</Box>
       </>
     );