From 4d006f3cbee2367325b4ca35311d66b4edb1c7c9 Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell@unturf.com>
Date: Sat, 3 Jan 2026 08:12:43 -0500
Subject: [PATCH] Improve mobile nav: remove Import emoji, swap with About, add
 responsive styles

---
 serp.py | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/serp.py b/serp.py
index 8754110..1c235d1 100644
--- a/serp.py
+++ b/serp.py
@@ -594,7 +594,7 @@ def inject_i18n(html: str, lang: str) -> str:
     # Replace nav placeholder with actual nav (add import link if enabled)
     nav = NAV_HTML
     if IMPORT_MODE:
-        nav = nav.replace('</div>', '    <a href="/import">Import 🧪</a>\n</div>')
+        nav = nav.replace('<a href="/about">', '<a href="/import">Import</a>\n    <a href="/about">')
     html = html.replace('<!-- NAV -->', nav)
     # Build language selector options
     lang_options = ''.join(f'<option value="{code}"{" selected" if code == lang else ""}>{name}</option>'
@@ -706,10 +706,16 @@ body {
     background: #1a1a1a; padding: 10px 20px;
     display: flex; gap: 20px; align-items: center;
     border-bottom: 1px solid #333;
+    flex-wrap: wrap;
 }
-.nav a { color: #ff6b6b; text-decoration: none; }
+.nav a { color: #ff6b6b; text-decoration: none; padding: 5px 0; }
 .nav a:hover { text-decoration: underline; }
 .nav .brand { font-weight: bold; font-size: 18px; }
+@media (max-width: 600px) {
+    .nav { gap: 12px; padding: 10px 15px; }
+    .nav a { font-size: 14px; }
+    .nav .brand { font-size: 16px; width: 100%; margin-bottom: 5px; }
+}
 .container { padding: 20px; }
 a { color: #ff6b6b; }
 input[type="text"], select {