Update styles

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 || ""}

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>

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,