From d8ad3407b5091d15fd0cee193e972e4903d2959a Mon Sep 17 00:00:00 2001
From: klaus <zheyic@seas.upenn.edu>
Date: Mon, 12 Aug 2024 22:29:09 -0400
Subject: [PATCH] fix footer a11y issue

---
 src/components/Footer.tsx | 31 +++++++++++++++++++------------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index ba7a5be2..d62360bd 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -20,29 +20,35 @@ const Footer = () => {
               <span className="base-sm text-gray-600">
                 © 2024 Clean & Green Philly
               </span>
+              <span className="max-sm:hidden pl-2 pr-1" aria-hidden="true">
+                —
+              </span>
             </li>
 
-            <span className="max-sm:hidden">—</span>
-
-            <li className="base-sm underline text-gray-600 mx-auto">
+            <li className="base-sm  text-gray-600 mx-auto">
               <a
-                className="hover:text-gray-800 cursor-pointer"
+                className="hover:text-gray-800 cursor-pointer underline"
                 onClick={onClickCookieSettings}
               >
                 Cookie Settings
               </a>
+              <span className="max-sm:hidden pl-2 pr-1" aria-hidden="true">
+                —
+              </span>
             </li>
 
-            <span className="max-sm:hidden">—</span>
-
-            <li className="base-sm underline text-gray-600 mx-auto">
-              <Link href="/legal-disclaimer" className="hover:text-gray-800">
+            <li className="base-sm text-gray-600 mx-auto">
+              <Link
+                href="/legal-disclaimer"
+                className="hover:text-gray-800 underline"
+              >
                 Legal Disclaimer
               </Link>
+              <span className="max-sm:hidden pl-2 pr-1" aria-hidden="true">
+                —
+              </span>
             </li>
 
-            <span className="max-sm:hidden">—</span>
-
             <li>
               <a
                 href="mailto:cleanandgreenphl@gmail.com"
@@ -50,10 +56,11 @@ const Footer = () => {
               >
                 Contact Us
               </a>
+              <span className="max-sm:hidden pl-2 pr-1" aria-hidden="true">
+                —
+              </span>
             </li>
 
-            <span className="max-sm:hidden">—</span>
-
             <li className="base-sm underline text-gray-600 mx-auto">
               <Link
                 href="/accessibility-statement"