Fix layout of create super admin page

5 years ago · 5daccbd76e
1 changed files with 13 additions and 13 deletions
--- a/packages/builder/src/pages/builder/admin/index.svelte
+++ b/packages/builder/src/pages/builder/admin/index.svelte
@ -32,22 +32,22 @@

 <section>
  <div class="container">
-    <Layout gap="XS">
+    <Layout>
      <img src="https://i.imgur.com/ZKyklgF.png" />
-    </Layout>
-    <div class="center">
-      <Layout gap="XS">
+      <Layout gap="XS" justifyItems="center" noPadding>
        <Heading size="M">Create an admin user</Heading>
-        <Body size="M"
-          >The admin user has access to everything in Budibase.</Body
-        >
+        <Body size="M" textAlign="center" noPadding>
+          The admin user has access to everything in Budibase.
+        </Body>
+      </Layout>
+      <Layout gap="XS" noPadding>
+        <Input label="Email" bind:value={adminUser.email} />
+        <Input
+          label="Password"
+          type="password"
+          bind:value={adminUser.password}
+        />
      </Layout>
-    </div>
-    <Layout gap="XS">
-      <Input label="Email" bind:value={adminUser.email} />
-      <Input label="Password" type="password" bind:value={adminUser.password} />
-    </Layout>
-    <Layout gap="S">
      <Button cta on:click={save}>Create super admin user</Button>
    </Layout>
  </div>