From 4cbecca509e5726c662b5ad7f201066bc39cb64f Mon Sep 17 00:00:00 2001
From: jf-kelly <John_Kelly3@student.uml.edu>
Date: Thu, 4 Aug 2022 16:37:15 -0400
Subject: [PATCH 1/2] Items in the footer are aligned better than before

---
 src/components/structural/Footer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/structural/Footer.js b/src/components/structural/Footer.js
index e6eaeee3..0fc4719e 100644
--- a/src/components/structural/Footer.js
+++ b/src/components/structural/Footer.js
@@ -10,7 +10,7 @@ class Footer extends Component {
                 <div className="row m-3 text-center" >
                     <div className="col-lg-4 d-flex">
                         <span><strong>MYR:</strong></span>
-                        <ul className="pl-2 list-inline">
+                        <ul className="pl-2">
                             <li className="pl-2 list-inline-item">
                                 <a href="https://learnmyr.org/about/" target="_blank" rel="noopener noreferrer">About</a>
                             </li>

From ed163345a02e1019ad5330b5dcf6e55095a58552 Mon Sep 17 00:00:00 2001
From: jf-kelly <John_Kelly3@student.uml.edu>
Date: Thu, 11 Aug 2022 14:25:11 -0400
Subject: [PATCH 2/2] Updated the footer so that it is aligned properly

---
 src/components/structural/Footer.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/structural/Footer.js b/src/components/structural/Footer.js
index 0fc4719e..20fad2a7 100644
--- a/src/components/structural/Footer.js
+++ b/src/components/structural/Footer.js
@@ -10,17 +10,17 @@ class Footer extends Component {
                 <div className="row m-3 text-center" >
                     <div className="col-lg-4 d-flex">
                         <span><strong>MYR:</strong></span>
-                        <ul className="pl-2">
-                            <li className="pl-2 list-inline-item">
+                        <ul className="ps-2">
+                            <li className="d-inline p-2">
                                 <a href="https://learnmyr.org/about/" target="_blank" rel="noopener noreferrer">About</a>
                             </li>
-                            <li className="pl-2 list-inline-item">
+                            <li className="d-inline p-2">
                                 <a href="mailto:support@learnmyr.org" target="_blank" rel="noopener noreferrer">Support</a>
                             </li>
-                            <li className="pl-2 list-inline-item">
+                            <li className="d-inline p-2">
                                 <a href="https://learnmyr.org/about/team/" target="_blank" rel="noopener noreferrer">Team </a>
                             </li>
-                            <li className="pl-2 list-inline-item">
+                            <li className="d-inline p-2">
                                 <a href="https://github.com/engaging-computing/MYR" target="_blank" rel="noopener noreferrer">GitHub</a>
                             </li>
                         </ul>
@@ -36,7 +36,7 @@ class Footer extends Component {
                         </div>
                     </div>
                     <div className="col-lg-4">
-                        <ul className=" list-inline text-lg-right">
+                        <ul className=" list-inline text-lg-end">
                             <li className="pl-2 list-inline-item">
                                 <a href="https://learnmyr.org/about/privacy/" target="_blank" rel="noopener noreferrer">Privacy Policy</a>
                             </li>