fix(footer): 1.2.1 — legal nav wraps on phones

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@isimplifyme/ui",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "React/Next.js UI library for iSimplifyMe properties — design system, article layouts, SEO helpers, bot middleware, and the iSM Concierge widget.",
   "homepage": "https://isimplifyme.com",
   "type": "module",

src/control-panel-footer.tsx

@@ -158,7 +158,10 @@ export function ControlPanelFooter({ activeSite }: ControlPanelFooterProps) {
             <span className="font-mono text-[10px] uppercase tracking-wider text-[#57534e]">
               &copy; {new Date().getFullYear()} Simplified Media Network
             </span>
-            <nav className="flex gap-6">
+            {/* Seven links in one row measure 469 px — wider than a phone, which
+                stretched every page on the consuming sites. Wrap instead. rowGap is
+                inline because a site only gets the Tailwind classes it scans for. */}
+            <nav className="flex flex-wrap justify-center gap-6" style={{ rowGap: '0.5rem' }}>
               {footerLinks.map((link) => (
                 <a
                   key={link.label}