From ea2220803453205b0929d502342ccf88d8881a1d Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 4 Jan 2024 17:55:07 -0800
Subject: refactor(routes): schedule and profile ui

---
 src/lib/Tools/Schedule/Crunchyroll.svelte |  2 --
 src/routes/settings/+page.svelte          |  4 +--
 src/routes/user/[user]/+page.svelte       | 54 +++++++++++++++----------------
 3 files changed, 29 insertions(+), 31 deletions(-)

(limited to 'src')

diff --git a/src/lib/Tools/Schedule/Crunchyroll.svelte b/src/lib/Tools/Schedule/Crunchyroll.svelte
index 78bbf9cf..1ea9b870 100644
--- a/src/lib/Tools/Schedule/Crunchyroll.svelte
+++ b/src/lib/Tools/Schedule/Crunchyroll.svelte
@@ -83,8 +83,6 @@
 		<details open class="details-unstyled">
 			<summary>Continuing from previous season</summary>
 
-			<p />
-
 			<ol>
 				{#each continuing as media}
 					<li>{media.title}</li>
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index d727957f..922c86b9 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -25,10 +25,10 @@
 
 <HeadTitle route="Settings" path="/settings" />
 
-<p>
+<blockquote>
 	Have feedback or suggestions? Send a private message to
 	<a href="https://anilist.co/user/fuwn" target="_blank">@fuwn</a> on AniList!
-</p>
+</blockquote>
 
 {#if data.user === undefined}
 	Please log in to modify settings.
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte
index b365127a..5c764f97 100644
--- a/src/routes/user/[user]/+page.svelte
+++ b/src/routes/user/[user]/+page.svelte
@@ -19,20 +19,20 @@
 
 <HeadTitle route={`${data.username}'s Profile'`} path={`/user/${data.username}`} />
 
-{#if userData === null}
-	Could not load user profile for <a
-		href={`https://anilist.co/user/${data.username}`}
-		target="_blank">@{data.username}</a
-	>.
+<div class="card">
+	{#if userData === null}
+		Could not load user profile for <a
+			href={`https://anilist.co/user/${data.username}`}
+			target="_blank">@{data.username}</a
+		>.
 
-	<p />
+		<p />
 
-	Does this user exist?
-{:else if userData === undefined}
-	Loading user ... 50%
-{:else}
-	<div class="user-grid">
-		<p>
+		Does this user exist?
+	{:else if userData === undefined}
+		Loading user ... 50%
+	{:else}
+		<div class="user-grid">
 			<a
 				href={`https://anilist.co/user/${userData.name}`}
 				target="_blank"
@@ -40,24 +40,24 @@
 			>
 				<img src={userData.avatar.large} alt="" width="100vw" />
 			</a>
-		</p>
 
-		<div>
-			<p>
-				<a
-					href={`https://anilist.co/user/${userData.name}`}
-					target="_blank"
-					title={String(userData.id)}>@{userData.name}</a
-				>
-				• <a href={`/user/${userData.name}/badges`}>Badge Wall</a>
-			</p>
+			<div>
+				<p>
+					<a
+						href={`https://anilist.co/user/${userData.name}`}
+						target="_blank"
+						title={String(userData.id)}>@{userData.name}</a
+					>
+					• <a href={`/user/${userData.name}/badges`}>Badge Wall</a>
+				</p>
 
-			This user has watched {(userData.statistics.anime.minutesWatched / 60 / 24).toFixed(1)} days of
-			anime and read
-			{estimatedDayReading(userData.statistics.manga.chaptersRead).toFixed(1)} days of manga.
+				This user has watched {(userData.statistics.anime.minutesWatched / 60 / 24).toFixed(1)} days
+				of anime and read
+				{estimatedDayReading(userData.statistics.manga.chaptersRead).toFixed(1)} days of manga.
+			</div>
 		</div>
-	</div>
-{/if}
+	{/if}
+</div>
 
 <style>
 	.user-grid {
-- 
cgit v1.2.3