Fix app card text size and bug with global css rule

5 years ago · 37ba425bf1
2 changed files with 13 additions and 8 deletions
--- a/packages/builder/src/components/start/AppCard.svelte
+++ b/packages/builder/src/components/start/AppCard.svelte
@ -37,7 +37,7 @@
  <div class="preview" use:gradient />
  <div class="title">
    <Link href={`/builder/${_id}`}>
-      <Heading size="S">
+      <Heading size="XS">
        {name}
      </Heading>
    </Link>
@ -47,8 +47,9 @@
    </ActionMenu>
  </div>
  <div class="status">
-    <Body noPadding>Edited {Math.floor(1 + Math.random() * 10)} months ago</Body
-    >
+    <Body noPadding size="S">
+      Edited {Math.floor(1 + Math.random() * 10)} months ago
+    </Body>
    {#if Math.random() > 0.5}
      <Icon name="LockClosed" />
    {/if}
--- a/packages/builder/src/pages/admin/index.svelte
+++ b/packages/builder/src/pages/admin/index.svelte
@ -34,10 +34,14 @@
    <Layout gap="XS">
      <img src="https://i.imgur.com/ZKyklgF.png" />
    </Layout>
-    <Layout gap="XS">
-      <Heading size="M">Create an admin user</Heading>
-      <Body size="M">The admin user has access to everything in budibase.</Body>
-    </Layout>
+    <div class="center">
+      <Layout gap="XS">
+        <Heading size="M">Create an admin user</Heading>
+        <Body size="M"
+          >The admin user has access to everything in Budibase.</Body
+        >
+      </Layout>
+    </div>
    <Layout gap="XS">
      <Input label="Email" bind:value={adminUser.email} />
      <Input label="Password" type="password" bind:value={adminUser.password} />
@ -63,7 +67,7 @@
    justify-content: flex-start;
    align-items: stretch;
  }
-  .container :global(p, h1) {
+  .center {
    text-align: center;
  }
  img {