From 75876e43da8b28a989b3240849974ef09ea63199 Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Tue, 2 Apr 2024 13:22:46 +0200
Subject: [PATCH] Minor design fix

---
 frontend/src/Components/LoginField.tsx | 34 ++++++++++++++------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/frontend/src/Components/LoginField.tsx b/frontend/src/Components/LoginField.tsx
index d7768c0..dda1714 100644
--- a/frontend/src/Components/LoginField.tsx
+++ b/frontend/src/Components/LoginField.tsx
@@ -25,22 +25,24 @@ function Login(props: {
 }): JSX.Element {
   return (
     <form className="flex flex-col items-center" onSubmit={props.handleSubmit}>
-      <InputField
-        type="text"
-        label="Username"
-        onChange={(e) => {
-          props.setUsername(e.target.value);
-        }}
-        value={props.username}
-      />
-      <InputField
-        type="password"
-        label="Password"
-        onChange={(e) => {
-          props.setPassword(e.target.value);
-        }}
-        value={props.password}
-      />
+      <div className="space-y-3">
+        <InputField
+          type="text"
+          label="Username"
+          onChange={(e) => {
+            props.setUsername(e.target.value);
+          }}
+          value={props.username}
+        />
+        <InputField
+          type="password"
+          label="Password"
+          onChange={(e) => {
+            props.setPassword(e.target.value);
+          }}
+          value={props.password}
+        />
+      </div>
       <Button
         text="Login"
         onClick={(): void => {