From d37c0aca61da2ecadc1cbda361255c25c8d68c70 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Sun, 30 Oct 2022 21:06:26 -0500
Subject: [PATCH] Format description.

---
 src/routes/game/[id]/+page.svelte | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/routes/game/[id]/+page.svelte b/src/routes/game/[id]/+page.svelte
index 7f71922..86b442d 100644
--- a/src/routes/game/[id]/+page.svelte
+++ b/src/routes/game/[id]/+page.svelte
@@ -91,15 +91,13 @@
 	</div>
 </section>
 {#if firstParagraphEnd > 0}
-	<section class="description">
-		<span>
-			{@html game?.description?.substring(0, firstParagraphEnd)}
-		</span>
-		{#if game?.description?.substring(firstParagraphEnd + 1) !== ''}
+	<section class="description first-paragraph">
+		{@html game?.description?.substring(0, firstParagraphEnd)}
+	</section>
+	{#if game?.description?.substring(firstParagraphEnd + 1) !== ''}
+		<section class="description" transition:fade>
 			{#if seeMore}
-				<span transition:fade>
-					{@html game?.description?.substring(firstParagraphEnd + 1)}
-				</span>
+				{@html game?.description?.substring(firstParagraphEnd + 1)}
 			{/if}
 			<button class="btn" type="button" on:click={() => (seeMore = !seeMore)}
 				>See
@@ -109,8 +107,8 @@
 					Less <MinusIcon width="24" height="24" />
 				{/if}
 			</button>
-		{/if}
-	</section>
+		</section>
+	{/if}
 {:else}
 	<section class="description">
 		<span>