feat(webapp): consistent login page widths and SSO page copy

Centralize login route width in LoginPageLayout so all login pages
render identically. Tighten the SSO domain policy copy and add an
external-link arrow to the "Ask about SSO" link.

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: samejr

apps/webapp/app/components/LoginPageLayout.tsx

@@ -52,7 +52,9 @@ export function LoginPageLayout({ children }: { children: React.ReactNode }) {
               <LogoType className="w-36" />
             </a>
           </div>
-          <div className="flex h-full max-w-sm items-center justify-center">{children}</div>
+          <div className="flex h-full w-full max-w-xs items-center justify-center">
+            <div className="w-full">{children}</div>
+          </div>
           <Paragraph variant="small" className="text-center">
             Having login issues? <TextLink href="https://trigger.dev/contact">Email us</TextLink> or{" "}
             <TextLink href="https://trigger.dev/discord">ask us in Discord</TextLink>

apps/webapp/app/routes/login.sso/route.tsx

@@ -1,6 +1,6 @@
 import { getFormProps, getInputProps, useForm } from "@conform-to/react";
 import { parseWithZod } from "@conform-to/zod";
-import { ArrowLeftIcon } from "@heroicons/react/20/solid";
+import { ArrowLeftIcon, ArrowUpRightIcon } from "@heroicons/react/20/solid";
 import type { LoaderFunctionArgs, MetaFunction } from "@remix-run/node";
 import { Form, useNavigation } from "@remix-run/react";
 import { typedjson, useTypedLoaderData } from "remix-typedjson";
@@ -37,7 +37,7 @@ const CONTENT: Record<Reason, { heading: string; body: string }> = {
   },
   domain_policy: {
     heading: "SSO required",
-    body: "Trigger.dev couldn't send a magic link because your organization requires single sign-on. Continue to your identity provider.",
+    body: "Your organization requires single sign-on. Continue with your identity provider.",
   },
   oauth_blocked: {
     heading: "SSO required",
@@ -179,6 +179,8 @@ export default function LoginSsoPage() {
             <LinkButton
               to="https://trigger.dev/contact"
               variant="minimal/small"
+              TrailingIcon={ArrowUpRightIcon}
+              trailingIconClassName="text-text-dimmed group-hover:text-text-bright transition"
               data-action="ask about sso"
             >
               Ask about SSO