From b6dd63ce0e661bbded9b7b287fa1cc76ead49f7a Mon Sep 17 00:00:00 2001
From: Ramon Victor Cardoso <ramonvc19@gmail.com>
Date: Sun, 16 Jul 2023 23:13:50 -0300
Subject: [PATCH] Improvement API Key button UI

---
 client/css/api-key.css | 4 ++++
 client/html/index.html | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/client/css/api-key.css b/client/css/api-key.css
index 60e3de9d..461b388d 100644
--- a/client/css/api-key.css
+++ b/client/css/api-key.css
@@ -8,6 +8,10 @@
     color: var(--colour-3);
 }
 
+.api-key-container #show-api-key-button {
+    width: 90%;
+}
+
 .api-key-container #api-key-ok-button {
     width: 30%;
 }
diff --git a/client/html/index.html b/client/html/index.html
index 45cdd515..d7c64365 100644
--- a/client/html/index.html
+++ b/client/html/index.html
@@ -49,7 +49,10 @@
 						<span>Clear Conversations</span>
 					</button>
 					<div class="api-key-container" id="api-key-container">
-						<button id="show-api-key-button" class="button">API Key</button>
+						<button id="show-api-key-button" class="button">
+							<i class="fa-regular fa-key"></i> 
+							<span>API Key</span>
+						</button>
 						<input type="password" id="API-key" class="hidden fade-in" />
 						<button id="api-key-ok-button" class="button hidden fade-in">Ok</button>
 					</div>