archilyzer

commit a6c632b024dbaf415a5c6753cf068a2834656ac0
parent 5fc1740c355c63998cf3d475e828b03118114a12
Author: I Mean I'm Just Saying <imeanimjustsaying@kiwifarms.st>
Date:   Mon, 28 Sep 2026 21:47:29 -0400

export: the footer's dot shows only after a downloads link; the social row keeps the shared row's inset

The "·" before Use with AI parted the downloads from the rest but showed with
none before it. SocialLinks' footer placement keeps its own -mx inset, so the
first glyph lines up with the text on a phone.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

Diffstat:
M
editor/e2e/export-search.spec.ts
 | 
2
+-
M
export/app/components/Footer.tsx
 | 
12
++++++++----

2 files changed, 9 insertions(+), 5 deletions(-)
diff --git a/editor/e2e/export-search.spec.ts b/editor/e2e/export-search.spec.ts
@@ -588,7 +588,7 @@ test.describe("export footer", () => {
     const builtWith = footer.getByRole("link", { name: "Archilyzer" });
     await expect(builtWith).toBeVisible();
     await expect(builtWith).toHaveAttribute("href", PROJECT_URL);
-    // Navigation, not a social link: same tab, matching the header's hub link.
+    // Navigation, not a social link: same tab, as the header's Archilyzer link.
     await expect(builtWith).not.toHaveAttribute("target", "_blank");
     // The accessible name is exactly the product, with "Built with" outside it.
     await expect(footer).toContainText("Built with Archilyzer");
diff --git a/export/app/components/Footer.tsx b/export/app/components/Footer.tsx
@@ -61,9 +61,13 @@ export default function Footer() {
               Offline
             </a>
           )}
-          <span aria-hidden="true" className="text-muted-foreground/50">
-            ·
-          </span>
+          {/* The dot parts the downloads from the rest, so it shows only when
+              there is something before it. */}
+          {(hasArchives() || site.pwa) && (
+            <span aria-hidden="true" className="text-muted-foreground/50">
+              ·
+            </span>
+          )}
           <a
             href="/use-with-ai"
             className="underline underline-offset-2 hover:text-foreground transition-colors"
@@ -102,7 +106,7 @@ export default function Footer() {
           </span>
           {/* The operator's social links, every one of them (the header shows
               at most four): the shared row, its keys and focus ring. */}
-          <SocialLinks links={socialLinks} placement="footer" className="mx-0 pointer-coarse:mx-0" />
+          <SocialLinks links={socialLinks} placement="footer" />
         </div>
       </div>
       {related.length > 0 && (