iOS offers the emailed verification code; empty connector list fits a phone

packages/backend/src/settings/email.service.ts

@@ -392,7 +392,9 @@ export class EmailService {
         await transport.transporter.sendMail({
           from: transport.from,
           to,
-          subject: 'Verify Your Email — AnythingMCP',
+          // Code first: it is what the inbox preview shows, and what iOS
+          // reads to offer it above the keyboard (autocomplete one-time-code).
+          subject: `${code} is your AnythingMCP verification code`,
           html: `
             <div style="font-family: system-ui, sans-serif; max-width: 480px; margin: 0 auto; padding: 24px;">
               <h2 style="color: #2563eb;">Verify Your Email</h2>

packages/frontend/src/app/connectors/page.tsx

@@ -403,7 +403,7 @@ export default function ConnectorsPage() {
           <p className="mb-6 text-xs text-[var(--text-3)]">
             Supports {SUPPORTED_TYPES.map((t) => t.label).join(', ')}
           </p>
-          <div className="flex items-center justify-center gap-3">
+          <div className="flex flex-wrap items-center justify-center gap-3">
             <Link href="/connectors/new" className={cn(buttonVariants({ variant: 'primary', size: 'md' }))}>
               <PlusIcon />
               Add Connector

packages/frontend/src/app/login/page.tsx

@@ -361,7 +361,7 @@
           if (offerCardTrial(storedUser, trialResult)) return;
           setTrialDaysLeft(trialResult.trialDaysLeft);
           setSetupStep('trial-activated');
         } catch (trialErr: any) {
           // Trial may already exist (e.g. returning user) — go to dashboard
           goTo(redirectTo);
         }
@@ -470,6 +470,10 @@
               <input
                 type="text"
                 inputMode="numeric"
+                // Lets iOS and Android offer the code from the email (Apple
+                // Mail) or a message right above the keyboard.
+                autoComplete="one-time-code"
+                name="one-time-code"
                 maxLength={6}
                 value={verificationCode}
                 onChange={(e) => setVerificationCode(e.target.value.replace(/\D/g, ''))}

packages/frontend/tests/e2e/mobile.spec.ts

@@ -280,6 +280,31 @@ test.describe('phone layout has no horizontal overflow', () => {
     expect(o.main, '<main> with tool editor').toBeLessThanOrEqual(o.vw);
   });
 
+  /**
+   * The empty connector list centres three buttons in one row. On a phone
+   * the row was wider than the card and spilled out on both sides; centred
+   * content that overflows to the left does not widen the page, so the
+   * document checks above cannot see it. Check each button instead.
+   */
+  test('empty connector list keeps its buttons on screen', async ({ page }) => {
+    await fakeSession(page);
+    await page.route(/\/api\/connectors$/, (route) =>
+      route.fulfill({ status: 200, contentType: 'application/json', body: '[]' }),
+    );
+    await page.goto('/connectors');
+    await page.getByText('No connectors yet').waitFor();
+    await shot(page, '/connectors-empty');
+
+    const vw = page.viewportSize()!.width;
+    const card = page.getByText('No connectors yet').locator('xpath=ancestor::div[contains(@class,"border-dashed")][1]');
+    for (const name of ['Add Connector', 'Browse Adapters', 'Import from Backup']) {
+      const box = await card.getByText(name, { exact: true }).boundingBox();
+      expect(box, name).not.toBeNull();
+      expect(box!.x, `${name} left edge`).toBeGreaterThanOrEqual(0);
+      expect(box!.x + box!.width, `${name} right edge`).toBeLessThanOrEqual(vw);
+    }
+  });
+
   test('audit log expands a row without overflowing', async ({ page }) => {
     await fakeSession(page);
     await page.goto('/logs');