From 469898f5c2aedcc5c7160bd83b3e6cb1fa20a56f Mon Sep 17 00:00:00 2001
From: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
Date: Sun, 25 Aug 2024 01:12:12 -0400
Subject: [PATCH] Make Kodu banner look better

---
 webview-ui/src/components/SettingsView.tsx | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/webview-ui/src/components/SettingsView.tsx b/webview-ui/src/components/SettingsView.tsx
index 4ad0c1d..755dbde 100644
--- a/webview-ui/src/components/SettingsView.tsx
+++ b/webview-ui/src/components/SettingsView.tsx
@@ -98,26 +98,21 @@ const SettingsView = ({
 							display: "flex",
 							alignItems: "center",
 							backgroundColor: "var(--vscode-editor-inactiveSelectionBackground)",
-							color: "var(--vscode-editor-foreground)",
+							color: "var(--vscode-textLink-foreground)",
 							padding: "6px 8px",
 							borderRadius: "3px",
 							margin: "0 0 8px 0px",
 							fontSize: "12px",
-						}}>
+							cursor: "pointer",
+						}}
+						onClick={() => vscode.postMessage({ type: "didClickKoduSignIn" })}>
 						<i
 							className="codicon codicon-info"
 							style={{
 								marginRight: 6,
 								fontSize: 16,
-								color: "var(--vscode-infoIcon-foreground)",
 							}}></i>
-						<span>
-							<VSCodeLink
-								onClick={() => vscode.postMessage({ type: "didClickKoduSignIn" })}
-								style={{ display: "inline" }}>
-								Claim $10 free credits from Kodu
-							</VSCodeLink>
-						</span>
+						<span>Claim $10 free credits from Kodu</span>
 					</div>
 				)}
 				<div style={{ marginBottom: 5 }}>