fix(web): center "or via CLI" and place copy icon inside command box aligned right

Author: roomote-agent

apps/web-roo-code/src/components/homepage/install-section.tsx

@@ -122,27 +122,29 @@ export function InstallSection({ downloads }: InstallSectionProps) {
 									<div className="absolute -inset-px rounded-xl bg-gradient-to-r from-blue-500/50 via-cyan-500/50 to-purple-500/50 opacity-30 blur-sm transition-all duration-500 group-hover:opacity-60 dark:opacity-40 dark:group-hover:opacity-70" />
 									<div className="relative overflow-hidden rounded-xl border border-border bg-background/80 shadow-lg backdrop-blur-xl transition-all duration-500 ease-out group-hover:border-blue-500/50 group-hover:shadow-xl group-hover:shadow-blue-500/10 dark:border-border/50 dark:bg-background/60 dark:group-hover:border-blue-400/50">
 										<div className="border-b border-border/50 bg-muted/30 px-4 py-3 dark:bg-muted/20">
-											<div className="flex items-center justify-between">
-												<div className="text-sm font-medium text-foreground">or via CLI</div>
-												<button
-													type="button"
-													onClick={handleCopy}
-													className="inline-flex items-center gap-2 rounded-md px-2 py-1 text-xs font-medium text-foreground/80 hover:text-foreground hover:bg-foreground/5 transition-colors"
-													aria-label={copied ? "Copied" : "Copy install command to clipboard"}
-													title={copied ? "Copied!" : "Copy"}>
-													{copied ? (
-														<Check className="h-4 w-4 text-green-500" />
-													) : (
-														<Copy className="h-4 w-4" />
-													)}
-													<span className="sr-only" aria-live="polite" role="status">
-														{copied ? "Copied" : "Copy"}
-													</span>
-												</button>
+											<div className="flex items-center justify-center">
+												<div className="text-sm font-medium text-foreground text-center">
+													or via CLI
+												</div>
 											</div>
 										</div>
-										<div className="overflow-x-auto bg-background/50 dark:bg-background/30">
-											<pre className="p-4">
+										<div className="relative overflow-x-auto bg-background/50 dark:bg-background/30">
+											<button
+												type="button"
+												onClick={handleCopy}
+												className="absolute right-3 top-3 inline-flex items-center justify-center rounded-md p-2 text-foreground/80 hover:text-foreground hover:bg-foreground/5 transition-colors"
+												aria-label={copied ? "Copied" : "Copy install command to clipboard"}
+												title={copied ? "Copied!" : "Copy"}>
+												{copied ? (
+													<Check className="h-4 w-4 text-green-500" />
+												) : (
+													<Copy className="h-4 w-4" />
+												)}
+												<span className="sr-only" aria-live="polite" role="status">
+													{copied ? "Copied" : "Copy"}
+												</span>
+											</button>
+											<pre className="p-4 pr-12">
 												<code className="whitespace-pre-wrap break-all text-sm font-mono text-foreground sm:break-normal sm:text-base">
 													{installCmd}
 												</code>