From 391e149a889f5c0c16f683d819c98e278b2771ff Mon Sep 17 00:00:00 2001
From: Barbara Gomes <sugarpusher@users.noreply.github.com>
Date: Thu, 2 Feb 2023 03:38:04 -0500
Subject: [PATCH] style: add break word to profile hashes (#138)

---
 packages/ui/src/routes/profile/+page.svelte | 23 +++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/routes/profile/+page.svelte b/packages/ui/src/routes/profile/+page.svelte
index 7fb7225..d897bd1 100644
--- a/packages/ui/src/routes/profile/+page.svelte
+++ b/packages/ui/src/routes/profile/+page.svelte
@@ -104,12 +104,14 @@
 		</div>
 	{/if}
 
-	{#each Object.entries($profile.identities) as [name, identity]}
-		<div>{name}</div>
-		<div>commitment: {identity.getCommitment().toString(16)}</div>
-		<div>nullifier: {identity.getNullifier().toString(16)}</div>
-		<div>trapdoor: {identity.getTrapdoor().toString(16)}</div>
-	{/each}
+	<div class="info">
+		{#each Object.entries($profile.identities) as [name, identity]}
+			<div>{name}</div>
+			<div>commitment: {identity.getCommitment().toString(16)}</div>
+			<div>nullifier: {identity.getNullifier().toString(16)}</div>
+			<div>trapdoor: {identity.getTrapdoor().toString(16)}</div>
+		{/each}
+	</div>
 </div>
 
 <style lang="scss">
@@ -190,4 +192,13 @@
 			text-align: center;
 		}
 	}
+	.info {
+		padding: var(--spacing-12);
+		max-width: 100%;
+		word-wrap: break-word;
+
+		> div:not(:first-child) {
+			margin-top: var(--spacing-12);
+		}
+	}
 </style>