Update footer.js - GitHub section - added classes for a better view o…

…n mobile (#1650) * Update footer.js * Update footer.js * Update footer.js
SSWConsulting · Dec 11, 2024 · 9bc137b · 9bc137b
1 parent 2b97103
commit 9bc137b
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/src/components/footer/footer.js b/src/components/footer/footer.js
@@ -19,19 +19,22 @@ const buildTimestamp = preval`module.exports = new Date().getTime();`;
 const Footer = () => {
   return (
     <>
-      <div className="py-2 text-center bg-grey-translucent text-sm">
-        <section className="main-container flex items-center justify-center">
-          <span className="mr-2">
+      <div className="p-4 text-center bg-grey-translucent text-sm">
+        <section className="main-container flex items-center justify-center gap-2	flex-wrap">
+          <span>
             We <FontAwesomeIcon icon={faHeart} className="text-ssw-red" /> open
-            source. Loving SSW Rules?{' '}
+            source.
+          </span>
+          <span>
+            Loving SSW Rules?{' '}
             <a
               href="https://github.com/SSWConsulting/SSW.Rules"
               target="_blank"
               rel="noreferrer"
               className="action-button-label footer-greybar-link"
             >
               Star us on GitHub
-            </a>{' '}
+            </a>{' '}.
           </span>
           <GitHubButton
             href="https://github.com/SSWConsulting/SSW.Rules"
@@ -42,8 +45,8 @@ const Footer = () => {
             Star
           </GitHubButton>
         </section>
-        <section className="main-container flex items-center justify-center mt-2">
-          <span className="ml-2">
+        <section className="main-container flex items-center justify-center mt-4">
+          <span>
             Stand by... we&apos;re migrating this site to{' '}
             <a
               className="action-button-label footer-greybar-link"