diff --git a/apps/main-app/public/editor/app.tsx b/apps/main-app/public/editor/app.tsx
index 2d346e4..83e7478 100644
--- a/apps/main-app/public/editor/app.tsx
+++ b/apps/main-app/public/editor/app.tsx
@@ -139,14 +139,14 @@ export function App() {
 		// The page itself never scrolls: header, key hints, tabs and footer stay put and only the pane's body scrolls.
 		<div className="flex h-dvh flex-col overflow-hidden">
 			<Header user={user.data} />
-			<div className="mx-auto flex min-h-0 w-full max-w-6xl flex-1 flex-col px-6 pt-4 pb-5">
+			<div className="mx-auto flex min-h-0 w-full max-w-6xl flex-1 flex-col px-3 pt-4 pb-5 sm:px-6">
 				<KeyHints hints={hints} />
 				{/* One terminal pane: the tabs are its title strip, the rows live inside. The fairy holds its left edge. */}
 				<div className="flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl border-2 border-rail bg-pane">
 					<div
 						role="tablist"
 						aria-label="dashboard"
-						className="grid grid-cols-3 gap-1.5 border-b-2 border-rail bg-paper-2 px-4 py-2 sm:grid-cols-5"
+						className="scroll-x flex gap-0.5 border-b-2 border-rail bg-paper-2 px-1.5 py-2 sm:grid sm:grid-cols-5 sm:gap-1.5 sm:px-4"
 					>
 						{TABS.map((entry, index) => (
 							<button
@@ -159,13 +159,13 @@ export function App() {
 								tabIndex={tab === entry.id ? 0 : -1}
 								onClick={() => select(entry.id)}
 								className={cx(
-									'rounded-full border-2 px-3.5 py-0.5 text-center transition-colors',
+									'shrink-0 whitespace-nowrap rounded-full border-2 px-2 py-0.5 text-center text-xs transition-colors sm:px-3.5 sm:text-sm',
 									tab === entry.id
 										? 'border-line bg-pink font-bold text-on-pastel shadow-[2px_2px_0_var(--shadow)]'
 										: 'border-transparent text-ink-soft hover:text-ink',
 								)}
 							>
-								<span className="mr-1.5 opacity-70">{index + 1}</span>
+								<span className="mr-1.5 opacity-70 max-sm:hidden">{index + 1}</span>
 								{'label' in entry ? entry.label : entry.id}
 							</button>
 						))}
@@ -265,14 +265,19 @@ const Mascot = () => (
 /** The bottom bar: its top edge is the rail the fairy sits on. */
 const Footer = () => (
 	<footer className="border-t-2 border-rail bg-paper-2">
-		<div className="relative mx-auto flex max-w-6xl flex-wrap gap-x-5 gap-y-1 px-6 py-3 text-xs text-ink-soft">
+		{/* The fairy sits outside the scrolling strip, which would clip her. */}
+		<div className="relative mx-auto max-w-6xl">
 			<Mascot />
-			<span>built with ♡ by @nekomimi.pet</span>
-			{FOOTER_LINKS.map((link) => (
-				<a key={link.href} href={link.href} className="text-ink-soft hover:text-rose">
-					{link.label}
-				</a>
-			))}
+			<div className="scroll-x flex gap-x-4 whitespace-nowrap px-3 py-3 text-xs text-ink-soft sm:flex-wrap sm:gap-x-5 sm:gap-y-1 sm:px-6">
+				<span>
+					<span className="max-sm:hidden">built with </span>♡<span className="max-sm:hidden"> by</span> @nekomimi.pet
+				</span>
+				{FOOTER_LINKS.map((link) => (
+					<a key={link.href} href={link.href} className="text-ink-soft hover:text-rose">
+						{link.label}
+					</a>
+				))}
+			</div>
 		</div>
 	</footer>
 )
diff --git a/apps/main-app/public/editor/views/domains.tsx b/apps/main-app/public/editor/views/domains.tsx
index 9627f75..4523cad 100644
--- a/apps/main-app/public/editor/views/domains.tsx
+++ b/apps/main-app/public/editor/views/domains.tsx
@@ -41,8 +41,11 @@ const HOSTING_NODES = [
 
 const openDomain = (domain: string) => openInNewTab(`https://${domain}`)
 
-/** Marque's nameservers pick up a zone write within a second or so; give them a little more before checking. */
-const MARQUE_SETTLE_MS = 2000
+/**
+ * When to check dns after writing a marque zone. Its nameservers usually answer
+ * within a second or two, but not always, so a slow one gets a few more tries.
+ */
+const MARQUE_CHECKS_MS = [2000, 6000, 15_000] as const
 
 /** `?dns=<id>`, left by the sign-in that let wisp edit marque dns, reopens that domain's dialog. */
 const dnsParam = (): string | null => new URLSearchParams(window.location.search).get('dns')
@@ -299,7 +302,7 @@ function ClaimForm() {
 			<TextField
 				label={<AddLabel>claim a subdomain</AddLabel>}
 				inline
-				className="min-w-0 flex-1"
+				className="flex-1"
 				suffix=".wisp.place"
 				value={handle}
 				onChange={(event) => setHandle(event.target.value)}
@@ -347,7 +350,7 @@ function AddDomainForm({ onAdded }: { onAdded: (id: string) => void }) {
 			<TextField
 				label={<AddLabel>add a domain you own</AddLabel>}
 				inline
-				className="min-w-0 flex-1"
+				className="flex-1"
 				name="domain"
 				placeholder="example.com"
 				autoCapitalize="none"
@@ -484,9 +487,22 @@ function MarqueSetup({ domain, status, onVerify }: MarqueSetupProps) {
 		success: `added ${domain.domain} to your marque dns ✦`,
 		failure: 'could not set up marque dns',
 	})
+	// Checks stop once the domain verifies, since the dialog then drops this panel.
+	// The latest domain and callback are read through a ref: every check refetches
+	// the domain list, and restarting the timers on that would check forever.
+	const latest = useRef({ domain, onVerify })
+	latest.current = { domain, onVerify }
+	const [written, setWritten] = useState(false)
+	useEffect(() => {
+		if (!written) return
+		const check = () => latest.current.onVerify(latest.current.domain)
+		const timers = MARQUE_CHECKS_MS.map((delay) => setTimeout(check, delay))
+		return () => timers.forEach(clearTimeout)
+	}, [written])
+
 	const apply = (replace: boolean) =>
 		setUp.mutate(replace, {
-			onSuccess: () => setTimeout(() => onVerify(domain), MARQUE_SETTLE_MS),
+			onSuccess: () => setWritten(true),
 			// A conflict that appeared since the dialog opened is shown from a fresh status.
 			onError: () => client.invalidateQueries({ queryKey: keys.marque(domain.id) }),
 		})
diff --git a/apps/main-app/public/editor/views/secrets.tsx b/apps/main-app/public/editor/views/secrets.tsx
index ad85ea2..05e5976 100644
--- a/apps/main-app/public/editor/views/secrets.tsx
+++ b/apps/main-app/public/editor/views/secrets.tsx
@@ -98,7 +98,7 @@ export function Secrets() {
 							<TextField
 								label={<AddLabel>new secret</AddLabel>}
 								inline
-								className="min-w-0 flex-1"
+								className="flex-1"
 								name="name"
 								required
 								maxLength={64}
diff --git a/apps/main-app/public/styles/global.css b/apps/main-app/public/styles/global.css
index 8c53571..f643b37 100644
--- a/apps/main-app/public/styles/global.css
+++ b/apps/main-app/public/styles/global.css
@@ -418,6 +418,16 @@
 		border-top: 2px dashed var(--rule);
 	}
 
+	/* A strip that stays on one line on a phone and scrolls sideways instead of wrapping. */
+	.scroll-x {
+		overflow-x: auto;
+		scrollbar-width: none;
+	}
+
+	.scroll-x::-webkit-scrollbar {
+		display: none;
+	}
+
 	/* The only scrolling region: the page stays put around it. */
 	.pane-body {
 		scrollbar-gutter: stable;