From dd89c7f8916886c0fde89adea606f408c41e2521 Mon Sep 17 00:00:00 2001
From: Rob Redpath <rob.redpath@opendataservices.coop>
Date: Fri, 30 Jan 2026 15:24:06 +0000
Subject: [PATCH 1/2] feat: add feedback links to footer

---
 src/scss/components/footer/_footer.scss      | 34 +++++++++++++-
 src/scss/components/footer/footer.stories.ts | 49 ++++++++++----------
 2 files changed, 57 insertions(+), 26 deletions(-)

diff --git a/src/scss/components/footer/_footer.scss b/src/scss/components/footer/_footer.scss
index ba0a8ef..cf67103 100644
--- a/src/scss/components/footer/_footer.scss
+++ b/src/scss/components/footer/_footer.scss
@@ -31,7 +31,8 @@
   }
 }
 
-.iati-footer__section--first .iati-footer__container {
+.iati-footer__section--first .iati-footer__container,
+.iati-footer__section--mid .iati-footer__container {
   display: flex;
   gap: 2rem;
   flex-direction: column;
@@ -41,6 +42,25 @@
   }
 }
 
+.iati-footer__section--mid .iati-footer-block:first-child {
+  @media (min-width: $screen-md) {
+    flex: 3;
+  }
+}
+
+.iati-footer__section--mid .iati-footer-block:last-child {
+  @media (min-width: $screen-md) {
+    flex: 2;
+  }
+}
+
+.iati-footer-block--bordered {
+  @media (min-width: $screen-md) {
+    border-inline-start: 1px solid $color-blue-30;
+    padding-inline-start: 2rem;
+  }
+}
+
 .iati-footer__section--last .iati-footer__container {
   display: flex;
   flex-wrap: wrap;
@@ -68,6 +88,13 @@
   }
 }
 
+.iati-footer-block__subtitle {
+  margin: 0 0 0.75rem;
+  font-family: $font-stack-heading;
+  font-size: 1rem;
+  font-weight: 700;
+}
+
 .iati-footer-block__content {
   :where(p, li) {
     margin: 0;
@@ -85,6 +112,11 @@
   }
 }
 
+.iati-footer-block__content--divided > *:not(:first-child) {
+  border-inline-start: 1px solid $color-blue-30;
+  padding-inline-start: 2rem;
+}
+
 .iati-footer__legal-nav {
   font-size: 1.0625rem;
   a {
diff --git a/src/scss/components/footer/footer.stories.ts b/src/scss/components/footer/footer.stories.ts
index fe06c89..2f61b3e 100644
--- a/src/scss/components/footer/footer.stories.ts
+++ b/src/scss/components/footer/footer.stories.ts
@@ -76,34 +76,33 @@ export const UsefulLinksSection: Story = {
 };
 
 const additionalInformationHtml = html`
-  <div class="iati-footer__section">
+  <div class="iati-footer__section iati-footer__section--mid">
     <div class="iati-footer__container">
       <div class="iati-footer-block">
         <h2 class="iati-footer-block__title">Additional Information</h2>
-        <div
-          class="iati-footer-block__content iati-footer-block__content--columns"
-        >
-          <div>
-            <p>Part of the IATI Unified Platform.</p>
-            <p>
-              Code licensed under
-              <a href="https://www.gnu.org/licenses/agpl-3.0.en.html"
-                >GNU AGPL</a
-              >.
-            </p>
-            <p>
-              Documentation licensed under
-              <a href="https://creativecommons.org/licenses/by/4.0/"
-                >CC BY 3.0</a
-              >.
-            </p>
-          </div>
-          <div>
-            <ul>
-              <li><a href="#">Web vX.Y.Z</a></li>
-              <li><a href="#">API vX.Y.Z</a></li>
-            </ul>
-          </div>
+        <div class="iati-footer-block__content">
+          <p>Part of the IATI Unified Platform.</p>
+          <p>
+            Code licensed under
+            <a href="https://www.gnu.org/licenses/agpl-3.0.en.html"
+              >GNU AGPL</a
+            >.
+          </p>
+          <p>
+            Documentation licensed under
+            <a href="https://creativecommons.org/licenses/by/4.0/"
+              >CC BY 3.0</a
+            >.
+          </p>
+        </div>
+      </div>
+      <div class="iati-footer-block iati-footer-block--bordered">
+        <h2 class="iati-footer-block__title">Your Feedback</h2>
+        <div class="iati-footer-block__content">
+          <ul>
+            <li><a href="#">Feedback &amp; Suggestions</a></li>
+            <li><a href="#">Translation Issues &amp; Feedback</a></li>
+          </ul>
         </div>
       </div>
     </div>

From c9733a5a1c629f7912a4e27d0c7b47d44539ac7e Mon Sep 17 00:00:00 2001
From: Rob Redpath <rob.redpath@opendataservices.coop>
Date: Fri, 30 Jan 2026 15:38:14 +0000
Subject: [PATCH 2/2] chore: fix linting

---
 src/scss/components/footer/footer.stories.ts | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/scss/components/footer/footer.stories.ts b/src/scss/components/footer/footer.stories.ts
index 2f61b3e..ae16e59 100644
--- a/src/scss/components/footer/footer.stories.ts
+++ b/src/scss/components/footer/footer.stories.ts
@@ -84,14 +84,12 @@ const additionalInformationHtml = html`
           <p>Part of the IATI Unified Platform.</p>
           <p>
             Code licensed under
-            <a href="https://www.gnu.org/licenses/agpl-3.0.en.html"
-              >GNU AGPL</a
+            <a href="https://www.gnu.org/licenses/agpl-3.0.en.html">GNU AGPL</a
             >.
           </p>
           <p>
             Documentation licensed under
-            <a href="https://creativecommons.org/licenses/by/4.0/"
-              >CC BY 3.0</a
+            <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 3.0</a
             >.
           </p>
         </div>