From b43632d9ec8d0062230132cffadafbcb06cb86c1 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 17 May 2023 11:15:25 +0200
Subject: [PATCH] fix: small design fixes

---
 .../auth/templates/emailTemplate.svelte          |  2 +-
 .../project-[project]/settings/smtp/+page.svelte | 16 ++++++++--------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/routes/console/project-[project]/auth/templates/emailTemplate.svelte b/src/routes/console/project-[project]/auth/templates/emailTemplate.svelte
index 3dda1d5ee..64c8c2603 100644
--- a/src/routes/console/project-[project]/auth/templates/emailTemplate.svelte
+++ b/src/routes/console/project-[project]/auth/templates/emailTemplate.svelte
@@ -100,7 +100,7 @@
                     readonly={!$project.smtpEnabled} />
             </FormList>
             <div class="u-sep-block-start u-margin-block-start-24" />
-            <div class="u-flex u-gap-32 u-main-end u-margin-block-start-24">
+            <div class="u-flex u-gap-16 u-main-end u-margin-block-start-24">
                 <Button on:click={() => (openResetModal = true)} text>Reset changes</Button>
                 <Button submit disabled={isButtonDisabled}>Update</Button>
             </div>
diff --git a/src/routes/console/project-[project]/settings/smtp/+page.svelte b/src/routes/console/project-[project]/settings/smtp/+page.svelte
index 151b2edaf..bc9eb5bad 100644
--- a/src/routes/console/project-[project]/settings/smtp/+page.svelte
+++ b/src/routes/console/project-[project]/settings/smtp/+page.svelte
@@ -74,7 +74,7 @@
 <Container>
     <Form onSubmit={updateSmtp}>
         <CardGrid>
-            <Heading tag="h6" size="7">SMTP Server</Heading>
+            <Heading tag="h6" size="7">SMTP server</Heading>
             <p class="text">
                 You can customize the email service by providing your own SMTP server. View your
                 email templates <a
@@ -87,7 +87,7 @@
                         type="switchbox"
                         id="enabled"
                         bind:value={enabled}
-                        label="Custom SMTP Server">
+                        label="Custom SMTP server">
                         Enabling this option allows customizing email templates and prevents emails
                         from being labeled as spam.
                     </InputChoice>
@@ -95,19 +95,19 @@
                     {#if enabled}
                         <InputText
                             id="senderEmail"
-                            label="Sender Email"
+                            label="Sender email"
                             bind:value={sender}
                             required
                             placeholder="user@example.io" />
                         <InputText
                             id="serverHost"
-                            label="Server Host"
+                            label="Server host"
                             bind:value={host}
                             required
-                            placeholder="smtp.sendgrid.net" />
+                            placeholder="smtp.server.com" />
                         <InputNumber
                             id="serverPort"
-                            label="Server Port"
+                            label="Server port"
                             bind:value={port}
                             required
                             placeholder="587" />
@@ -125,14 +125,14 @@
                             required
                             placeholder="Enter password" />
 
-                        <InputChoice id="tls" label="TLS Secure Protocol">
+                        <InputChoice id="tls" label="TLS secure protocol">
                             Enable if TLS is supported on your SMTP server.
                         </InputChoice>
                     {/if}
                 </FormList>
             </svelte:fragment>
             <svelte:fragment slot="actions">
-                <Button text disabled={!enabled}>Send test email</Button>
+                <!-- <Button text disabled={!enabled}>Send test email</Button> -->
                 <Button submit>Update</Button>
             </svelte:fragment>
         </CardGrid>