From 1c5f2657720ff848f954601cec88ebe2b108556e Mon Sep 17 00:00:00 2001
From: mat <git@matdoes.dev>
Date: Tue, 19 Mar 2024 00:45:19 -0500
Subject: [PATCH] fix issues with updated retro page hopefully

---
 src/routes/(main)/+layout.svelte | 4 ++--
 src/routes/retro/+page.svelte    | 7 ++++---
 src/routes/retro/oneko.ts        | 3 +++
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/routes/(main)/+layout.svelte b/src/routes/(main)/+layout.svelte
index c96cadf..aed6e10 100644
--- a/src/routes/(main)/+layout.svelte
+++ b/src/routes/(main)/+layout.svelte
@@ -38,9 +38,9 @@
 {/key}
 
 <style>
-	:global(body) {
+	/* :global(body) {
 		overflow: hidden;
-	}
+	} */
 	#page {
 		height: 100%;
 		display: flex;
diff --git a/src/routes/retro/+page.svelte b/src/routes/retro/+page.svelte
index 2f98a12..f6cc0de 100644
--- a/src/routes/retro/+page.svelte
+++ b/src/routes/retro/+page.svelte
@@ -106,7 +106,7 @@
 <table id="main-table">
 	<tr>
 		<td valign="top" class="left-sidebar-container" width="200">
-			<table class="left-sidebar" width="200" cellspacing="0">
+			<table class="left-sidebar" width="210" cellspacing="0">
 				<tr>
 					<td class="website-status-container">
 						<h3>Website status</h3>
@@ -400,11 +400,12 @@
 	}
 
 	.left-sidebar {
-		width: 200px;
+		/* 210px so "Sleeping" fits */
+		width: 210px;
 		text-align: center;
 	}
 	.left-sidebar-container {
-		width: 200px;
+		width: 210px;
 	}
 	.left-sidebar > tr > td {
 		background-color: #000;
diff --git a/src/routes/retro/oneko.ts b/src/routes/retro/oneko.ts
index 71e40c3..0ad6557 100644
--- a/src/routes/retro/oneko.ts
+++ b/src/routes/retro/oneko.ts
@@ -89,6 +89,9 @@ export function initNeko(nekoEl: HTMLDivElement, updateSpriteCallback: (name: st
 			mousePosX = event.clientX
 			mousePosY = event.clientY
 		})
+
+		// move to body so it persists on page changes
+		document.body.appendChild(nekoEl)
 	}
 
 	function init() {