fix: v1.6.1 — responsive back-link copy and 404 page spacing on mobile

Author: Randy-R-code

CHANGELOG.md

@@ -9,6 +9,23 @@ InfraLens's history as a standalone product (2026-01-06 to 2026-08-10) is
 frozen in [`docs/infralens/CHANGELOG.md`](docs/infralens/CHANGELOG.md).
 InfraLens changes since its native migration are recorded here.
 
+## [1.6.1] — 2026-08-18
+
+### Fixed
+
+- **"Retour à la carte" back-link was misleading on mobile** — the
+  homepage's `WorldMap` only renders at `md:` and up; below that it falls
+  back to a plain zone list, so the label referenced something that
+  wasn't there. Now reads "Retour à l'accueil" on mobile, on both
+  `PageShell` (`/tools`, `/about`, `/projects`, `/lab`, `/contact`) and
+  the standalone 404 page. Desktop keeps "Retour à la carte" — the map is
+  real there.
+- **404 page content crowded against the header and footer on mobile** —
+  used `flex-1` to center within whatever space was left after the site
+  header/footer, which on a page with this many footer nav columns left
+  almost no room. Switched to `min-h-screen`, matching the same fix
+  already used by InfraLens's own 404 page.
+
 ## [1.6.0] — 2026-08-18
 
 ### Added

app/not-found.tsx

@@ -4,7 +4,13 @@ import Link from "next/link";
 
 export default function NotFound() {
   return (
-    <main className="flex flex-1 flex-col items-center justify-center px-6">
+    // min-h-screen, not flex-1 — this sits between SiteHeader/SiteFooter in
+    // the root layout, and flex-1 only gets whatever height is left over
+    // after those, which on a page with this many footer nav columns left
+    // almost nothing to center within (content hugging the header on top,
+    // footer on the bottom). min-h-screen is the same fix already used by
+    // InfraLens's own not-found.tsx, confirmed clean there.
+    <main className="flex min-h-screen flex-col items-center justify-center px-6">
       <div className="text-center">
         <p
           className="mb-4 font-mono text-7xl font-bold"
@@ -25,7 +31,9 @@ export default function NotFound() {
           }}
         >
           <ArrowLeft size={14} />
-          Retour à la carte
+          {/* WorldMap only renders md:block+ (src/components/map/world-map.tsx) — see the same fix in page-shell.tsx. */}
+          <span className="hidden md:inline">Retour à la carte</span>
+          <span className="md:hidden">Retour à l&apos;accueil</span>
         </Link>
       </div>
     </main>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "randy-code",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "private": true,
   "packageManager": "pnpm@10.7.0",
   "scripts": {

src/components/layout/page-shell.tsx

@@ -56,7 +56,9 @@ export function PageShell({
             className="inline-flex items-center gap-1.5 text-xs text-zinc-400 transition-colors hover:text-zinc-300"
           >
             <ArrowLeft size={12} />
-            Retour à la carte
+            {/* WorldMap itself only renders md:block+ (src/components/map/world-map.tsx) — below that breakpoint there's no map to go "back" to, just its own zone-list fallback. */}
+            <span className="hidden md:inline">Retour à la carte</span>
+            <span className="md:hidden">Retour à l&apos;accueil</span>
           </Link>
         </motion.div>