Work on login screen

src/app/components/SpaceAdd.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import Button from "@lib/components/Button.svelte"
   import CardButton from '@lib/components/CardButton.svelte'
   import SpaceCreate from '@app/components/SpaceCreate.svelte'
   import SpaceJoin from '@app/components/SpaceJoin.svelte'
@@ -10,15 +11,17 @@
 </script>
 
 <div class="column gap-4">
-  <h1 class="heading">Add a Space</h1>
-  <p class="text-center">Spaces are places where communities come together to work, play, and hang out.</p>
+  <div class="py-2">
+    <h1 class="heading">Add a Space</h1>
+    <p class="text-center">Spaces are places where communities come together to work, play, and hang out.</p>
+  </div>
   <CardButton icon="add-circle" title="Get started" on:click={startCreate}>
     Just a few questions and you'll be on your way.
   </CardButton>
   <div class="card column gap-4">
     <h2 class="subheading">Have an invite?</h2>
-    <button class="btn btn-primary" on:click={startJoin}>
+    <Button class="btn btn-primary" on:click={startJoin}>
       Join a Space
-    </button>
+    </Button>
   </div>
 </div>