Improve touch target area for Footer address email and telephone anchors to meet WCAG requirements

Author: webstackdev

src/components/Footer/index.astro

@@ -82,6 +82,7 @@ const iconButtonClasses = [
             <a
               href={`mailto:${contactData.company.email}`}
               class:list={[
+                'inline-flex min-h-6 items-center align-middle',
                 'hover:text-secondary hover:decoration-secondary focus:text-secondary focus:decoration-secondary',
                 'focus-visible:outline-2 focus-visible:outline-spotlight focus-visible:outline-offset-2',
               ]}
@@ -94,6 +95,7 @@ const iconButtonClasses = [
               href={`tel:${contactData.company.telephoneTollFree}`}
               rel="nofollow"
               class:list={[
+                'inline-flex min-h-6 items-center align-middle',
                 'hover:text-secondary hover:decoration-secondary focus:text-secondary focus:decoration-secondary',
                 'focus-visible:outline-2 focus-visible:outline-spotlight focus-visible:outline-offset-2',
               ]}
@@ -106,6 +108,7 @@ const iconButtonClasses = [
               href={`tel:${contactData.company.telephoneLocal}`}
               rel="nofollow"
               class:list={[
+                'inline-flex min-h-6 items-center align-middle',
                 'hover:text-secondary hover:decoration-secondary focus:text-secondary focus:decoration-secondary',
                 'focus-visible:outline-2 focus-visible:outline-spotlight focus-visible:outline-offset-2',
               ]}