From 9835accab0d3f15efb74f3fc326eb0e2d6c87d14 Mon Sep 17 00:00:00 2001
From: AtHeartEngineer <1675654+AtHeartEngineer@users.noreply.github.com>
Date: Wed, 12 Jul 2023 00:26:06 -0400
Subject: [PATCH] identity page cleanup

---
 package.json                              |  4 ++--
 src/routes/identity/+layout.svelte        |  2 +-
 src/routes/identity/+page.svelte          | 22 +++++++++++++---------
 src/routes/identity/DeleteIdentity.svelte |  2 +-
 4 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 3059792..60599e7 100644
--- a/package.json
+++ b/package.json
@@ -42,8 +42,8 @@
 	"type": "module",
 	"dependencies": {
 		"@semaphore-protocol/group": "^3.10.1",
-		"discreetly-interfaces": "^0.1.3",
+		"discreetly-interfaces": "^0.1.5",
 		"poseidon-lite": "^0.2.0",
 		"socket.io-client": "^4.7.1"
 	}
-}
+}
\ No newline at end of file
diff --git a/src/routes/identity/+layout.svelte b/src/routes/identity/+layout.svelte
index 0ff54a6..93dfaab 100644
--- a/src/routes/identity/+layout.svelte
+++ b/src/routes/identity/+layout.svelte
@@ -1,5 +1,5 @@
 <div class="mx-auto mt-10 max-w-[80ch]">
-	<h2 class="h2 mb-6">Manage Your Identity</h2>
+	<h2 class="h2 mb-8 text-center">Manage Your Identity</h2>
 
 	<slot />
 </div>
diff --git a/src/routes/identity/+page.svelte b/src/routes/identity/+page.svelte
index d003819..07f4e0a 100644
--- a/src/routes/identity/+page.svelte
+++ b/src/routes/identity/+page.svelte
@@ -27,14 +27,18 @@
 </script>
 
 {#if !identityExists}
-	<div class="mb-6">
-		<span class="badge variant-ghost-secondary text-sm">Identity Not Found</span>
+	<div class="mb-8 text-center">
+		<span class="badge variant-ghost-secondary text-sm px-4 py-2">Identity Not Found</span>
 	</div>
-	<button on:click={() => createIdentity()} class="btn variant-filled-success" type="button">
-		Generate Identity
-	</button>
-	<RestoreIdentity />
-{:else}
-	<BackupIdentity />
-	<DeleteIdentity />
 {/if}
+<div class="grid grid-flow-rows gap-5 my-5 max-w-md mx-auto">
+	{#if !identityExists}
+		<button on:click={() => createIdentity()} class="btn variant-filled-success" type="button">
+			Generate Identity
+		</button>
+		<RestoreIdentity />
+	{:else}
+		<BackupIdentity />
+		<DeleteIdentity />
+	{/if}
+</div>
diff --git a/src/routes/identity/DeleteIdentity.svelte b/src/routes/identity/DeleteIdentity.svelte
index 4646d62..3d03c31 100644
--- a/src/routes/identity/DeleteIdentity.svelte
+++ b/src/routes/identity/DeleteIdentity.svelte
@@ -33,7 +33,7 @@
 			>I promise I backed up my identity, or I really want to destroy it.</span
 		>
 	</section>
-	<footer class="card-footer float-right">
+	<footer class="card-footer text-center">
 		<button
 			id="delete-identity"
 			on:click={deleteIdentity}