Visual tweaks

Author: brunobergher

webview-ui/src/components/chat/CloudTaskButton.tsx

@@ -68,13 +68,18 @@ export const CloudTaskButton = ({ item, disabled = false }: CloudTaskButtonProps
 			</StandardTooltip>
 
 			<Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
-				<DialogContent className="max-w-md">
+				<DialogContent className="max-w-100">
 					<DialogHeader>
-						<DialogTitle>{t("chat:task.continueFromAnywhere")}</DialogTitle>
+						<DialogTitle>{t("chat:task.openInCloud")}</DialogTitle>
 					</DialogHeader>
 
-					<div className="flex flex-col space-y-4">
-						{/* URL Input with Copy Button */}
+					<div className="flex flex-col space-y-4 text-center">
+						<div className="flex justify-center">
+							<div className="p-[10px] w-[170px] h-[170px] bg-white rounded-lg">
+								<canvas ref={qrCodeRef} />
+							</div>
+						</div>
+
 						<div className="flex items-center space-x-2">
 							<Input value={cloudTaskUrl} disabled className="flex-1 font-mono text-sm" readOnly />
 							<Button
@@ -85,13 +90,6 @@ export const CloudTaskButton = ({ item, disabled = false }: CloudTaskButtonProps
 								{showCopyFeedback ? <Check className="h-4 w-4" /> : <Copy className="h-4 w-4" />}
 							</Button>
 						</div>
-
-						{/* QR Code */}
-						<div className="flex justify-center">
-							<div className="p-[10px] w-[170px] h-[170px] bg-white rounded-lg">
-								<canvas ref={qrCodeRef} />
-							</div>
-						</div>
 					</div>
 				</DialogContent>
 			</Dialog>

webview-ui/src/components/chat/ShareButton.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect, useRef } from "react"
 import { useTranslation } from "react-i18next"
-import { SquareArrowOutUpRightIcon } from "lucide-react"
+import { Share2 } from "lucide-react"
 
 import { type HistoryItem, type ShareVisibility, TelemetryEventName } from "@roo-code/types"
 
@@ -165,7 +165,7 @@ export const ShareButton = ({ item, disabled = false, showLabel = false }: Share
 								}
 								onClick={handleShareButtonClick}
 								data-testid="share-button">
-								<SquareArrowOutUpRightIcon />
+								<Share2 />
 								{showLabel && <span className="ml-0">{t("chat:task.share")}</span>}
 							</Button>
 						</PopoverTrigger>
@@ -234,7 +234,7 @@ export const ShareButton = ({ item, disabled = false, showLabel = false }: Share
 						}
 						onClick={handleShareButtonClick}
 						data-testid="share-button">
-						<SquareArrowOutUpRightIcon />
+						<Share2 />
 						{showLabel && <span className="ml-1">{t("chat:task.share")}</span>}
 					</Button>
 				</StandardTooltip>

webview-ui/src/components/cloud/CloudView.tsx

@@ -9,7 +9,7 @@ import { vscode } from "@src/utils/vscode"
 import { telemetryClient } from "@src/utils/TelemetryClient"
 import { ToggleSwitch } from "@/components/ui/toggle-switch"
 
-import { History, PiggyBank, SquareArrowOutUpRightIcon } from "lucide-react"
+import { History, PiggyBank, Share2 } from "lucide-react"
 
 type CloudViewProps = {
 	userInfo: CloudUserInfo | null
@@ -165,7 +165,7 @@ export const CloudView = ({ userInfo, isAuthenticated, cloudApiUrl, onDone }: Cl
 						</h2>
 						<ul className="text-vscode-descriptionForeground space-y-3 mx-auto px-8">
 							<li className="flex items-start text-left gap-4">
-								<SquareArrowOutUpRightIcon size="16" className="shrink-0" />
+								<Share2 size="16" className="shrink-0" />
 								{t("cloud:cloudBenefitSharing")}
 							</li>
 							<li className="flex items-start text-left gap-4">