From f86da030050d19d1dd2267ada5fc69170d8469d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=81d=C3=A1m=20Kov=C3=A1cs?=
 <43071496+adam-kov@users.noreply.github.com>
Date: Mon, 24 Apr 2023 12:25:53 +0200
Subject: [PATCH] fix(frontend): Update CLI login request styling (#1454)

---
 .../routes/(root)/(logged)/user/cli/+page.svelte | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/frontend/src/routes/(root)/(logged)/user/cli/+page.svelte b/frontend/src/routes/(root)/(logged)/user/cli/+page.svelte
index 0458d2de76..97f63fec94 100644
--- a/frontend/src/routes/(root)/(logged)/user/cli/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/user/cli/+page.svelte
@@ -22,18 +22,12 @@
 	}
 </script>
 
-<CenteredModal title="Authorize this request for a Token">
-	<p class="text-center text-lg">
+<CenteredModal title="Authorize login request">
+	<p class="text-center text-lg mb-6">
 		Token will be posted to your local machine to port {port}
 	</p>
-	<div class="flex flex-row justify-between pt-4 gap-x-1">
-		<Button variant="border" size="sm" href="/">Decline</Button>
-		<button
-			class="place-items-end bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-2 border rounded"
-			type="button"
-			on:click={authorizeToken}
-		>
-			Authorize
-		</button>
+	<div class="flex flex-row justify-around pt-4 gap-x-1">
+		<Button variant="border" color="dark" size="sm" href="/">Decline</Button>
+		<Button variant="contained" color="blue" size="sm" on:click={authorizeToken}>Authorize</Button>
 	</div>
 </CenteredModal>