From f774e62c133fdfb885241e542cdb945223578d44 Mon Sep 17 00:00:00 2001
From: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
Date: Mon, 23 Sep 2024 20:33:20 -0400
Subject: [PATCH] Update styles

---
 webview-ui/src/components/ApiOptions.tsx | 48 +++++++++++-------------
 webview-ui/src/components/ChatRow.tsx    |  2 +-
 webview-ui/src/index.css                 |  4 +-
 3 files changed, 24 insertions(+), 30 deletions(-)

diff --git a/webview-ui/src/components/ApiOptions.tsx b/webview-ui/src/components/ApiOptions.tsx
index cc124c2..2086216 100644
--- a/webview-ui/src/components/ApiOptions.tsx
+++ b/webview-ui/src/components/ApiOptions.tsx
@@ -136,19 +136,17 @@ const ApiOptions = ({ showModelOptions, apiErrorMessage }: ApiOptionsProps) => {
 						<span style={{ fontWeight: 500 }}>Anthropic API Key</span>
 					</VSCodeTextField>
 
-					<div style={{ marginTop: 2 }}>
-						<VSCodeCheckbox
-							checked={anthropicBaseUrlSelected}
-							onChange={(e: any) => {
-								const isChecked = e.target.checked === true
-								setAnthropicBaseUrlSelected(isChecked)
-								if (!isChecked) {
-									setApiConfiguration({ ...apiConfiguration, anthropicBaseUrl: "" })
-								}
-							}}>
-							Use custom base URL
-						</VSCodeCheckbox>
-					</div>
+					<VSCodeCheckbox
+						checked={anthropicBaseUrlSelected}
+						onChange={(e: any) => {
+							const isChecked = e.target.checked === true
+							setAnthropicBaseUrlSelected(isChecked)
+							if (!isChecked) {
+								setApiConfiguration({ ...apiConfiguration, anthropicBaseUrl: "" })
+							}
+						}}>
+						Use custom base URL
+					</VSCodeCheckbox>
 
 					{anthropicBaseUrlSelected && (
 						<VSCodeTextField
@@ -415,19 +413,17 @@ const ApiOptions = ({ showModelOptions, apiErrorMessage }: ApiOptionsProps) => {
 						placeholder={"Enter Model ID..."}>
 						<span style={{ fontWeight: 500 }}>Model ID</span>
 					</VSCodeTextField>
-					<div style={{ marginTop: 2 }}>
-						<VSCodeCheckbox
-							checked={azureApiVersionSelected}
-							onChange={(e: any) => {
-								const isChecked = e.target.checked === true
-								setAzureApiVersionSelected(isChecked)
-								if (!isChecked) {
-									setApiConfiguration({ ...apiConfiguration, azureApiVersion: "" })
-								}
-							}}>
-							Set Azure API version
-						</VSCodeCheckbox>
-					</div>
+					<VSCodeCheckbox
+						checked={azureApiVersionSelected}
+						onChange={(e: any) => {
+							const isChecked = e.target.checked === true
+							setAzureApiVersionSelected(isChecked)
+							if (!isChecked) {
+								setApiConfiguration({ ...apiConfiguration, azureApiVersion: "" })
+							}
+						}}>
+						Set Azure API version
+					</VSCodeCheckbox>
 					{azureApiVersionSelected && (
 						<VSCodeTextField
 							value={apiConfiguration?.azureApiVersion || ""}
diff --git a/webview-ui/src/components/ChatRow.tsx b/webview-ui/src/components/ChatRow.tsx
index c11b439..ec79492 100644
--- a/webview-ui/src/components/ChatRow.tsx
+++ b/webview-ui/src/components/ChatRow.tsx
@@ -840,7 +840,7 @@ const Markdown = memo(({ markdown }: { markdown?: string }) => {
 									fontSize: "var(--vscode-editor-font-size)",
 									borderRadius: "3px",
 									border: "1px solid var(--vscode-textSeparator-foreground)",
-									// padding: "2px 4px",
+									padding: "0px 2px",
 								}}>
 								{children}
 							</code>
diff --git a/webview-ui/src/index.css b/webview-ui/src/index.css
index c218019..6811e48 100644
--- a/webview-ui/src/index.css
+++ b/webview-ui/src/index.css
@@ -19,9 +19,7 @@ html {
 
 body {
 	margin: 0;
-}
-body, body * {
-	line-height: 1.5em;
+	line-height: 1.3;
 }
 
 body.scrollable,