Improvement API Key button UI

ramon-victor · Jul 17, 2023 · b6dd63c · b6dd63c
1 parent c4d4f68
commit b6dd63c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git 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
@@ -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>