Tweak alignment

Author: mrubens

webview-ui/src/components/welcome/WelcomeViewProvider.tsx

@@ -291,7 +291,7 @@ const WelcomeViewProvider = () => {
 	if (selectedProvider === null) {
 		return (
 			<Tab>
-				<TabContent className="flex flex-col gap-4 p-6 justify-center">
+				<TabContent className="relative flex flex-col gap-4 p-6 justify-center">
 					<RooHero />
 					<h2 className="mt-0 mb-0 text-xl">{t("welcome:landing.greeting")}</h2>
 
@@ -313,12 +313,12 @@ const WelcomeViewProvider = () => {
 						</VSCodeLink>
 					</div>
 
-					<div className="mt-2">
-						<VSCodeLink
+					<div className="absolute bottom-6 left-6">
+						<button
 							onClick={() => vscode.postMessage({ type: "importSettings" })}
-							className="cursor-pointer">
+							className="cursor-pointer bg-transparent border-none p-0 text-vscode-foreground hover:underline">
 							{t("welcome:importSettings")}
-						</VSCodeLink>
+						</button>
 					</div>
 				</TabContent>
 			</Tab>