Visual tweaks

Author: brunobergher

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

@@ -1795,15 +1795,15 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 				</>
 			) : (
 				<div className="flex flex-col h-full justify-center p-6 min-h-0 overflow-y-auto gap-4 relative">
-					<div className="flex flex-col items-start gap-2 justify-center max-w-md h-full">
+					<div className="flex flex-col items-start gap-2 justify-center h-full min-[400px]:px-6">
 						<VersionIndicator
 							onClick={() => setShowAnnouncementModal(true)}
 							className="absolute top-2 right-3 z-10"
 						/>
 						<div className="flex flex-col gap-4 w-full">
 							<RooHero />
 							{/* Show RooTips when authenticated or when user is new */}
-							{(cloudIsAuthenticated || taskHistory.length < 4) && <RooTips />}
+							{taskHistory.length < 6 && <RooTips />}
 							{/* Everyone should see their task history if any */}
 							{taskHistory.length > 0 && <HistoryPreview />}
 						</div>

webview-ui/src/components/history/HistoryPreview.tsx

@@ -27,7 +27,7 @@ const HistoryPreview = () => {
 			</div>
 			{tasks.length !== 0 && (
 				<>
-					{tasks.slice(0, 3).map((item) => (
+					{tasks.slice(0, 4).map((item) => (
 						<TaskItem key={item.id} item={item} variant="compact" />
 					))}
 				</>

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

@@ -24,8 +24,8 @@ const RooTips = () => {
 	const { t } = useTranslation("chat")
 
 	return (
-		<div className="flex flex-col gap-2 mb-4 max-w-[450px] font-light text-vscode-descriptionForeground">
-			<p className="my-0 pr-8">
+		<div className="flex flex-col gap-2 mb-4 max-w-[500px] text-vscode-descriptionForeground">
+			<p className="my-0 pr-2">
 				<Trans i18nKey="chat:about" />
 			</p>
 			<div className="gap-4">