From c96703538cfc8e606290ba9543a69c3c32ac99f5 Mon Sep 17 00:00:00 2001
From: Rune Harlyk <rune@harlyk.dk>
Date: Thu, 6 Jun 2024 18:26:45 +0200
Subject: [PATCH] =?UTF-8?q?=E2=8C=A8=EF=B8=8F=20Adds=20KDE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/routes/controller/Controls.svelte | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/app/src/routes/controller/Controls.svelte b/app/src/routes/controller/Controls.svelte
index 9123460..dd414d6 100644
--- a/app/src/routes/controller/Controls.svelte
+++ b/app/src/routes/controller/Controls.svelte
@@ -88,6 +88,18 @@
 		<div class="flex-1" />
 		<div id="right" class="flex w-60 items-center" />
 	</div>
+    <div class="absolute bottom-0 right-0 p-4 z-10 gap-2 flex-col hidden lg:flex">
+        <div class="flex justify-center w-full">
+            <kbd class="kbd">W</kbd>
+        </div>
+        <div class="flex justify-center gap-2 w-full">
+            <kbd class="kbd">A</kbd>
+            <kbd class="kbd">S</kbd>
+            <kbd class="kbd">D</kbd>
+        </div>
+        <div class="flex justify-center w-full">
+        </div>
+    </div>
 	<div class="absolute bottom-0 z-10 p-4 gap-4 flex items-end">
 		{#each modes as modeValue}
             <button class="btn btn-outline" class:btn-active={$mode === modes.indexOf(modeValue)} on:click={() => changeMode(modeValue)}>