From 37749453e4975471d12e82573cd4dfa6bb6c3e35 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Mon, 11 Jul 2022 11:52:01 +0200
Subject: [PATCH] layout: small fixes

---
 src/routes/login.svelte | 45 ++++++++++++++++++++++++-----------------
 1 file changed, 27 insertions(+), 18 deletions(-)

diff --git a/src/routes/login.svelte b/src/routes/login.svelte
index cd8300ea4..9d4fb293f 100644
--- a/src/routes/login.svelte
+++ b/src/routes/login.svelte
@@ -1,7 +1,14 @@
 <script lang="ts">
     import { goto } from '$app/navigation';
     import { base } from '$app/paths';
-    import { Button, Form, FormItem, InputEmail, InputPassword } from '$lib/elements/forms';
+    import {
+        Button,
+        Form,
+        FormItem,
+        FormList,
+        InputEmail,
+        InputPassword
+    } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
     import { sdkForConsole } from '$lib/stores/sdk';
     import { user } from '$lib/stores/user';
@@ -33,23 +40,25 @@
 <h1>Login</h1>
 
 <Form on:submit={login}>
-    <InputEmail
-        id="email"
-        label="Email"
-        placeholder="test@example.com"
-        autofocus={true}
-        required={true}
-        bind:value={mail} />
-
-    <InputPassword
-        id="password"
-        label="Password"
-        placeholder="********"
-        required={true}
-        bind:value={pass} />
-    <FormItem>
-        <Button submit>Login</Button>
-    </FormItem>
+    <FormList>
+        <InputEmail
+            id="email"
+            label="Email"
+            placeholder="Enter email"
+            autofocus={true}
+            required={true}
+            bind:value={mail} />
+        <InputPassword
+            id="password"
+            label="Password"
+            placeholder="Enter password"
+            required={true}
+            meter={false}
+            bind:value={pass} />
+        <FormItem>
+            <Button submit>Login</Button>
+        </FormItem>
+    </FormList>
 </Form>
 
 <a href={`${base}/register`}>Create an Account</a>