From acf6752451259dc44be4ba16b7e427be9f78c91f Mon Sep 17 00:00:00 2001
From: CelestialCrafter <celestialcraftermc@gmail.com>
Date: Mon, 23 Oct 2023 14:08:02 -0500
Subject: [PATCH] add default border to square buttons

---
 src/routes/dashboard/BotControls.svelte | 14 ++++++++------
 src/routes/styles.scss                  |  2 +-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/routes/dashboard/BotControls.svelte b/src/routes/dashboard/BotControls.svelte
index 38c19f1..42d4441 100644
--- a/src/routes/dashboard/BotControls.svelte
+++ b/src/routes/dashboard/BotControls.svelte
@@ -10,18 +10,20 @@
 	class="{$selectedAccount ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-40'}
 	bg-section-200 flex flex-wrap items-center justify-center transition-[opacity] duration-300"
 >
-	<button class="square hover:!bg-white" title="Temporary Pause Bot"><Clock class="icon" /></button>
-	<button class="square border-green-500/20 hover:!bg-green-500" title="Resume Bot"
+	<button class="square !border-white/20 hover:!bg-white" title="Temporary Pause Bot"
+		><Clock class="icon" /></button
+	>
+	<button class="square !border-green-500/20 hover:!bg-green-500" title="Resume Bot"
 		><Play class="icon" />
 	</button>
-	<button class="square border-yellow-500/20 hover:!bg-yellow-500" title="Pause Bot"
+	<button class="square !border-yellow-500/20 hover:!bg-yellow-500" title="Pause Bot"
 		><Pause class="icon" />
 	</button>
-	<button class="square border-rose-500/20 hover:!bg-rose-500" title="Delete Bot">
+	<button class="square !border-rose-500/20 hover:!bg-rose-500" title="Delete Bot">
 		<Minus class="icon" />
 	</button>
-	<button class=" border-accent/20 square"><AdjustmentsHorizontal class="icon" /></button>
+	<button class="square"><AdjustmentsHorizontal class="icon" /></button>
 	{#if $user.admin}
-		<button class=" border-accent/20 square"><CommandLine class="icon" /></button>
+		<button class="square"><CommandLine class="icon" /></button>
 	{/if}
 </section>
diff --git a/src/routes/styles.scss b/src/routes/styles.scss
index 1fa4a28..3114720 100755
--- a/src/routes/styles.scss
+++ b/src/routes/styles.scss
@@ -37,7 +37,7 @@
 		@apply p-4;
 
 		&.square {
-			@apply aspect-square text-2xl leading-[0] transition-colors duration-300 hover:bg-accent hover:text-black;
+			@apply aspect-square border-accent/20 text-2xl leading-[0] transition-colors duration-300 hover:bg-accent hover:text-black;
 			&:hover {
 				@apply bg-accent text-black;
 			}