Minor UI changes; update copy

webview-ui/src/components/ChatView.tsx

@@ -618,15 +618,17 @@ const ChatView = ({
 						appearance="icon"
 						aria-label="Attach Images"
 						onClick={selectImages}
-						style={{ marginRight: "4px" }}>
-						<span className="codicon codicon-device-camera" style={{ fontSize: 18, marginLeft: -2 }}></span>
+						style={{ marginRight: "2px" }}>
+						<span
+							className="codicon codicon-device-camera"
+							style={{ fontSize: 18, marginLeft: -2, marginTop: -0.5 }}></span>
 					</VSCodeButton>
 					<VSCodeButton
 						disabled={textAreaDisabled}
 						appearance="icon"
 						aria-label="Send Message"
 						onClick={handleSendMessage}>
-						<span className="codicon codicon-send" style={{ fontSize: 15.5, marginBottom: -1 }}></span>
+						<span className="codicon codicon-send" style={{ fontSize: 16 }}></span>
 					</VSCodeButton>
 				</div>
 			</div>

webview-ui/src/components/SettingsView.tsx

@@ -72,7 +72,7 @@ const SettingsView = ({
 				left: 0,
 				right: 0,
 				bottom: 0,
-				padding: "10px 0px 15px 20px",
+				padding: "10px 0px 0px 20px",
 				display: "flex",
 				flexDirection: "column",
 				overflow: "hidden",
@@ -88,7 +88,8 @@ const SettingsView = ({
 				<h3 style={{ color: "var(--vscode-foreground)", margin: 0 }}>Settings</h3>
 				<VSCodeButton onClick={handleSubmit}>Done</VSCodeButton>
 			</div>
-			<div style={{ flexGrow: 1, overflowY: "scroll", paddingRight: 8 }}>
+			<div
+				style={{ flexGrow: 1, overflowY: "scroll", paddingRight: 8, display: "flex", flexDirection: "column" }}>
 				<div style={{ marginBottom: 5 }}>
 					<ApiOptions
 						apiConfiguration={apiConfiguration}
@@ -107,7 +108,7 @@ const SettingsView = ({
 					)}
 				</div>
 
-				<div style={{ marginBottom: 15 }}>
+				<div style={{ marginBottom: 5 }}>
 					<VSCodeTextArea
 						value={customInstructions}
 						style={{ width: "100%" }}
@@ -156,24 +157,24 @@ const SettingsView = ({
 						</p>
 					)}
 				</div>
-			</div>
 
-			<div
-				style={{
-					textAlign: "center",
-					color: "var(--vscode-descriptionForeground)",
-					fontSize: "12px",
-					lineHeight: "1.2",
-					paddingTop: 10,
-					paddingRight: 18,
-				}}>
-				<p style={{ wordWrap: "break-word", margin: 0, padding: 0 }}>
-					If you have any questions or feedback, feel free to open an issue at{" "}
-					<VSCodeLink href="https://github.com/saoudrizwan/claude-dev" style={{ display: "inline" }}>
-						https://github.com/saoudrizwan/claude-dev
-					</VSCodeLink>
-				</p>
-				<p style={{ fontStyle: "italic", margin: "10px 0 0 0", padding: 0 }}>v{version}</p>
+				<div
+					style={{
+						textAlign: "center",
+						color: "var(--vscode-descriptionForeground)",
+						fontSize: "12px",
+						lineHeight: "1.2",
+						marginTop: "auto",
+						padding: "10px 8px 15px 0px",
+					}}>
+					<p style={{ wordWrap: "break-word", margin: 0, padding: 0 }}>
+						If you have any questions or feedback, feel free to open an issue at{" "}
+						<VSCodeLink href="https://github.com/saoudrizwan/claude-dev" style={{ display: "inline" }}>
+							https://github.com/saoudrizwan/claude-dev
+						</VSCodeLink>
+					</p>
+					<p style={{ fontStyle: "italic", margin: "10px 0 0 0", padding: 0 }}>v{version}</p>
+				</div>
 			</div>
 		</div>
 	)

webview-ui/src/components/TaskHeader.tsx

@@ -195,7 +195,7 @@ const TaskHeader: React.FC<TaskHeaderProps> = ({
 						<span style={{ display: "flex", alignItems: "center", gap: "3px" }}>
 							<i
 								className="codicon codicon-arrow-up"
-								style={{ fontSize: "12px", fontWeight: "bold", marginBottom: "-1.5px" }}
+								style={{ fontSize: "12px", fontWeight: "bold", marginBottom: "-2px" }}
 							/>
 							{tokensIn.toLocaleString()}
 						</span>
@@ -209,7 +209,7 @@ const TaskHeader: React.FC<TaskHeaderProps> = ({
 					</div>
 					{(doesModelSupportPromptCache || cacheReads !== undefined || cacheWrites !== undefined) && (
 						<div style={{ display: "flex", alignItems: "center", gap: "4px", flexWrap: "wrap" }}>
-							<span style={{ fontWeight: "bold" }}>Prompt Cache:</span>
+							<span style={{ fontWeight: "bold" }}>Cache:</span>
 							<span style={{ display: "flex", alignItems: "center", gap: "3px" }}>
 								<i
 									className="codicon codicon-database"