From 8c5636b4f31b55499842e57e5fe63183391fca1a Mon Sep 17 00:00:00 2001
From: Ivo Branco <ivo.branco@fccn.pt>
Date: Fri, 6 Dec 2024 11:06:07 +0000
Subject: [PATCH] fix: footer incorrect margin

The footer has too much elements that on tablet mode creates an
horizontal scroll.

fixes #14
---
 src/components/Footer.jsx                         | 2 +-
 src/components/__snapshots__/Footer.test.jsx.snap | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 068fffc50..475287c92 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -126,7 +126,7 @@ class SiteFooter extends React.Component {
         role="contentinfo"
       >
         <section className="footer-navigation">
-          <div className="container d-md-flex justify-content-between py-3">
+          <div className="container-xl d-xl-flex justify-content-between py-3">
             <div className="footer-navigation__brand d-flex flex-column justify-content-between px-4">
               <a
                 className="d-block"
diff --git a/src/components/__snapshots__/Footer.test.jsx.snap b/src/components/__snapshots__/Footer.test.jsx.snap
index 61e03a4df..650c518e3 100644
--- a/src/components/__snapshots__/Footer.test.jsx.snap
+++ b/src/components/__snapshots__/Footer.test.jsx.snap
@@ -8,7 +8,7 @@ exports[`<Footer /> renders correctly renders with a language selector 1`] = `
     className="footer-navigation"
   >
     <div
-      className="container d-md-flex justify-content-between py-3"
+      className="container-xl d-xl-flex justify-content-between py-3"
     >
       <div
         className="footer-navigation__brand d-flex flex-column justify-content-between px-4"
@@ -89,7 +89,7 @@ exports[`<Footer /> renders correctly renders without a language selector 1`] =
     className="footer-navigation"
   >
     <div
-      className="container d-md-flex justify-content-between py-3"
+      className="container-xl d-xl-flex justify-content-between py-3"
     >
       <div
         className="footer-navigation__brand d-flex flex-column justify-content-between px-4"
@@ -131,7 +131,7 @@ exports[`<Footer /> renders correctly renders without a language selector in pt-
     className="footer-navigation"
   >
     <div
-      className="container d-md-flex justify-content-between py-3"
+      className="container-xl d-xl-flex justify-content-between py-3"
     >
       <div
         className="footer-navigation__brand d-flex flex-column justify-content-between px-4"