From 7077524dcbae940f91d1c148e0af3e761aa90163 Mon Sep 17 00:00:00 2001
From: Anas Rashid <anasrasheed22@gmail.com>
Date: Fri, 9 Oct 2026 23:51:06 +0200
Subject: [PATCH] Footer: the made-in line on its own row below the logo and
 tagline

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 web/src/layouts/Base.astro | 16 ++++++++--------
 web/src/styles/global.css  |  3 ++-
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/web/src/layouts/Base.astro b/web/src/layouts/Base.astro
index f3fc2e3c..6caeb041 100644
--- a/web/src/layouts/Base.astro
+++ b/web/src/layouts/Base.astro
@@ -134,15 +134,15 @@ import { brand } from '../lib/brand';
           <a class="footer-logo" href="/" title="سرورق"><img src="/logo/turanj.svg" width="64" height="64" alt={brand.name} /></a>
           <div>
             <p class="footer-tagline">{brand.tagline}</p>
-            <p class="made-in">
-              <svg class="flag" viewBox="0 0 30 20" width="27" height="18" role="img" aria-label="پاکستان کا پرچم">
-                <rect width="30" height="20" fill="#fff" /><rect x="7.5" width="22.5" height="20" fill="#01411c" />
-                <circle cx="19.2" cy="10" r="6" fill="#fff" /><circle cx="20.6" cy="8.7" r="5.4" fill="#01411c" />
-                <polygon fill="#fff" points="23.65,5.99 23.12,7.39 24.25,8.39 22.75,8.32 22.15,9.69 21.75,8.25 20.26,8.11 21.51,7.28 21.19,5.82 22.36,6.75" />
-              </svg>
-              {brand.madeBy}
-            </p>
           </div>
+          <p class="made-in">
+            <svg class="flag" viewBox="0 0 30 20" width="27" height="18" role="img" aria-label="پاکستان کا پرچم">
+              <rect width="30" height="20" fill="#fff" /><rect x="7.5" width="22.5" height="20" fill="#01411c" />
+              <circle cx="19.2" cy="10" r="6" fill="#fff" /><circle cx="20.6" cy="8.7" r="5.4" fill="#01411c" />
+              <polygon fill="#fff" points="23.65,5.99 23.12,7.39 24.25,8.39 22.75,8.32 22.15,9.69 21.75,8.25 20.26,8.11 21.51,7.28 21.19,5.82 22.36,6.75" />
+            </svg>
+            {brand.madeBy}
+          </p>
         </div>
         <nav class="footer-links" aria-label="سائٹ کے بارے میں">
           <div><h2>{brand.name}</h2><ul>
diff --git a/web/src/styles/global.css b/web/src/styles/global.css
index 992462d5..def609a3 100644
--- a/web/src/styles/global.css
+++ b/web/src/styles/global.css
@@ -844,7 +844,8 @@ p, li { text-wrap: pretty; }
 
 /* ── footer: the brand beside three groups of links across the page's width; licence and attribution in a thin bar ── */
 .site-footer .wrap { display: grid; grid-template-columns: minmax(300px, 1.2fr) 2fr; gap: 18px 40px; align-items: start; }
-.footer-brand { display: flex; align-items: flex-start; gap: 14px; }
+.footer-brand { display: flex; flex-wrap: wrap; align-items: center; gap: 0 14px; }
+.footer-brand .made-in { flex-basis: 100%; margin-top: 14px; } /* its own line, below the logo and tagline */
 .footer-logo { flex: none; display: block; }
 .footer-logo img { display: block; width: 64px; height: 64px; }
 .footer-tagline { margin: 4px 0 0; font: 700 1.15rem/2.2 'Noto Nastaliq Urdu', serif; color: var(--action); } /* the logo says دیوان; the tagline beside it */