From bd236e173b1fa4499e0dff7e2466c0e0fdfefff0 Mon Sep 17 00:00:00 2001
From: Jun Pataleta <jun@moodle.com>
Date: Wed, 18 Mar 2026 17:37:57 +0800
Subject: [PATCH] MDL-81241 theme_boost: Ensure footer links have sufficient
 spacing

---
 theme/boost/scss/moodle/core.scss | 12 ++++++++++++
 theme/boost/style/moodle.css      |  7 +++++++
 theme/classic/style/moodle.css    |  7 +++++++
 3 files changed, 26 insertions(+)

diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index 4a02568a6fd..c7a143c634b 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -2214,6 +2214,11 @@ $footer-link-color: $bg-inverse-link-color !default;
     .popover-body {
         padding: 0;
         .footer-section {
+            // Add a bottom padding to the direct child divs of the footer-section container so the links within will meet SC 2.5.8.
+            > div {
+                padding-bottom: 0.2rem;
+            }
+
             a {
                 color: $body-color;
                 text-decoration: underline;
@@ -2232,6 +2237,13 @@ $footer-link-color: $bg-inverse-link-color !default;
     padding-bottom: 5px;
 }
 
+.footer-content-popover {
+    // Ensure that the footer links when rendered out of the popover will also have sufficient spacing and meet SC 2.5.8.
+    .footer-section > div {
+        padding-bottom: 0.1rem;
+    }
+}
+
 @include media-breakpoint-up(sm) {
     .jsenabled #page-footer .footer-content-popover {
         display: none;
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 3a40d0de90d..4e7f1c8c946 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -27757,6 +27757,9 @@ dd:after {
 .popover.footer .popover-body {
   padding: 0;
 }
+.popover.footer .popover-body .footer-section > div {
+  padding-bottom: 0.2rem;
+}
 .popover.footer .popover-body .footer-section a {
   color: #1d2125;
   text-decoration: underline;
@@ -27772,6 +27775,10 @@ dd:after {
   padding-bottom: 5px;
 }
 
+.footer-content-popover .footer-section > div {
+  padding-bottom: 0.1rem;
+}
+
 @media (min-width: 576px) {
   .jsenabled #page-footer .footer-content-popover {
     display: none;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index e2e1b38628d..59f6e414e5a 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -27757,6 +27757,9 @@ dd:after {
 .popover.footer .popover-body {
   padding: 0;
 }
+.popover.footer .popover-body .footer-section > div {
+  padding-bottom: 0.2rem;
+}
 .popover.footer .popover-body .footer-section a {
   color: #1d2125;
   text-decoration: underline;
@@ -27772,6 +27775,10 @@ dd:after {
   padding-bottom: 5px;
 }
 
+.footer-content-popover .footer-section > div {
+  padding-bottom: 0.1rem;
+}
+
 @media (min-width: 576px) {
   .jsenabled #page-footer .footer-content-popover {
     display: none;