From ce8b48b101bfc46ae86a7494b9c7fe72f53317d3 Mon Sep 17 00:00:00 2001
From: Rune Harlyk <rune@harlyk.dk>
Date: Sat, 17 Aug 2024 21:28:56 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=AB=20Adds=20big=20red=20stop=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/routes/statusbar.svelte | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/app/src/routes/statusbar.svelte b/app/src/routes/statusbar.svelte
index de7cd8c..a624c04 100644
--- a/app/src/routes/statusbar.svelte
+++ b/app/src/routes/statusbar.svelte
@@ -13,7 +13,7 @@
     import MdiWeatherSunny from '~icons/mdi/weather-sunny';
     import MdiMoonAndStars from '~icons/mdi/moon-and-stars';
 	import { api } from '$lib/api';
-	import { mode, modes, socket } from '$lib/stores';
+	import { mode, modes } from '$lib/stores';
 
 	const postSleep = async () => await api.post('/api/sleep')
 
@@ -37,7 +37,7 @@
     }
 </script>
 
-<div class="navbar bg-base-300 sticky top-0 z-10 h-12 min-h-fit drop-shadow-lg lg:h-16 gap-2">
+<div class="navbar bg-base-300 sticky top-0 z-10 h-12 min-h-fit drop-shadow-lg lg:h-16 gap-2 pr-0">
 	<div class="flex-1">
 		<!-- Page Hamburger Icon here -->
 		<label for="main-menu" class="btn btn-ghost btn-circle btn-sm drawer-button"
@@ -45,11 +45,6 @@
 		>
 		<h1 class="px-2 text-xl font-bold lg:text-2xl">{$page.data.title}</h1>
 	</div>
-    <!-- svelte-ignore a11y-click-events-have-key-events -->
-    <!-- svelte-ignore a11y-no-static-element-interactions -->
-    <div class="indicator flex-none" on:click={deactivate}>
-		<Power class="h-7 w-7"/>
-	</div>
 	<div class="indicator flex-none">
 		<UpdateIndicator />
 	</div>
@@ -85,4 +80,5 @@
 			</button>
 		</div>
 	{/if}
+    <button on:click={deactivate} class="bg-error text-white btn rounded-none">STOP</button>
 </div>