From 4c5d9616212b27e3f05c35370f0befcf2c5a04b2 Mon Sep 17 00:00:00 2001
From: Djuri Baars <dsbaars@users.noreply.github.com>
Date: Sat, 31 Aug 2024 17:18:26 +0200
Subject: [PATCH] Fix tests

---
 src/lib/style/app.scss     | 2 +-
 src/routes/Rendered.svelte | 2 +-
 src/routes/Status.svelte   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/style/app.scss b/src/lib/style/app.scss
index 6692403..86f1ecc 100644
--- a/src/lib/style/app.scss
+++ b/src/lib/style/app.scss
@@ -57,7 +57,7 @@ nav {
 	text-transform: uppercase;
 }
 
-.rbtclock {
+.btclock-wrapper {
 	.btclock {
 		background: #000;
 		display: flex;
diff --git a/src/routes/Rendered.svelte b/src/routes/Rendered.svelte
index 3e1c91a..b29cf27 100644
--- a/src/routes/Rendered.svelte
+++ b/src/routes/Rendered.svelte
@@ -11,7 +11,7 @@
 	export let className = 'btclock-wrapper';
 </script>
 
-<div class={className}>
+<div class={className} id={className}>
 	<div class="btclock">
 		{#each status.data as char}
 			{#if isSplitText(char)}
diff --git a/src/routes/Status.svelte b/src/routes/Status.svelte
index 537d6e7..1286b64 100644
--- a/src/routes/Status.svelte
+++ b/src/routes/Status.svelte
@@ -109,7 +109,7 @@
 				<hr />
 				{#if $status.data}
 					<section class={lightMode ? 'lightMode' : 'darkMode'}>
-						<Rendered status={$status} className="rbtclock"></Rendered>
+						<Rendered status={$status} className="btclock-wrapper"></Rendered>
 					</section>
 					{$_('section.status.screenCycle')}:
 					<a