feat(schedule): move crunchyroll to card above

2 files changed, 15 insertions, 8 deletions

diff --git a/src/lib/Tools/Schedule/Crunchyroll.svelte b/src/lib/Tools/Schedule/Crunchyroll.svelte
index 1ea9b870..68a73202 100644
--- a/src/lib/Tools/Schedule/Crunchyroll.svelte
+++ b/src/lib/Tools/Schedule/Crunchyroll.svelte
@@ -42,10 +42,6 @@
 	};
 </script>
 
-<p />
-
-<p>Crunchyroll Release Calender</p>
-
 <div id="list-container" style={`column-count: ${columnCount};`}>
 	{#each Object.values(days) as day}
 		{@const date = new Date(day[0].year, day[0].month - 1, day[0].day)}
@@ -77,6 +73,8 @@
 				{/each}
 			</ol>
 		</details>
+
+		<p />
 	</div>
 
 	<div class="card day">
diff --git a/src/lib/Tools/Schedule/Tool.svelte b/src/lib/Tools/Schedule/Tool.svelte
index 479d5b4a..56c02b1c 100644
--- a/src/lib/Tools/Schedule/Tool.svelte
+++ b/src/lib/Tools/Schedule/Tool.svelte
@@ -31,6 +31,7 @@
 		Intl.DateTimeFormat().resolvedOptions().timeZone
 	);
 	let day: string | null = parseOrDefault(urlParameters, 'day', null);
+	let crunchyrollExpanded = false;
 
 	onMount(async () => {
 		subsPleasePromise = fetch(`/api/subsplease?tz=${timeZone}`).then((r) => r.json());
@@ -109,6 +110,18 @@
 	</select>
 </blockquote>
 
+<details bind:open={crunchyrollExpanded}>
+	<summary
+		>Crunchyroll Release Calender (Click to {crunchyrollExpanded ? 'collapse' : 'expand'})</summary
+	>
+
+	<p />
+
+	<Crunchyroll />
+</details>
+
+<p />
+
 {#await subsPleasePromise}
 	<Loading type="subtitle release data" percent={49.5} />
 {:then subsPlease}
@@ -202,10 +215,6 @@
 	<Error type="Schedule" loginSessionError={false} card />
 {/await}
 
-<p />
-
-<Crunchyroll />
-
 <HoverCover options={hoverCoverState} width={300} />
 
 <style>