From 6d42179d3e357735925fe92a8dfa81c95867ffb4 Mon Sep 17 00:00:00 2001
From: thrishank <thrishankkalluru@gmail.com>
Date: Sun, 25 Feb 2024 16:40:45 +0530
Subject: [PATCH 1/6] fixed the footer visibility for smaller screens

---
 src/components/footer/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
index 5998f155c..71d7a7f89 100644
--- a/src/components/footer/index.tsx
+++ b/src/components/footer/index.tsx
@@ -95,7 +95,7 @@ const Footer = ({
     <>
       <div className="d-flex flex-column container" ref={footerRef}>
         <div className="d-flex flex-column container">
-          <div className="d-none d-md-flex flex-wrap flex-row justify-content-between position-relative row">
+          <div className="d-md-flex flex-wrap flex-row justify-content-between position-relative row">
             <FooterNav setOpenTab={setOpenTab} />
 
             <div className="mb-4 d-flex flex-column">

From 4d4f56d6a80ca7277e6b8593c4fdeccfcd23f6f9 Mon Sep 17 00:00:00 2001
From: thrishank <thrishankkalluru@gmail.com>
Date: Mon, 26 Feb 2024 01:11:14 +0530
Subject: [PATCH 2/6] removed the redudant content and add the text(github</>)
 on top of the github version link

---
 src/components/footer/index.tsx | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
index 71d7a7f89..6c8ae1a42 100644
--- a/src/components/footer/index.tsx
+++ b/src/components/footer/index.tsx
@@ -1,7 +1,7 @@
 import './footer.css';
 
 import * as React from 'react';
-import { faBook, faDownload, faEnvelope, faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
+import { faBook, faDownload, faEnvelope, faQuestionCircle, faCode } from '@fortawesome/free-solid-svg-icons';
 import Button from 'react-bootstrap/Button';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { ModalProps } from 'react-bootstrap/Modal';
@@ -106,21 +106,15 @@ const Footer = ({
                 </Button>
               </div>
               <a
-                className="text-muted d-none d-lg-block version align-self-end"
+                className="text-muted d-lg-block version align-self-end font-weigth-bold"
                 href="https://github.com/apertium/apertium-html-tools"
                 rel="noreferrer"
                 target="_blank"
               >
-                <small>{version}</small>
+                <FontAwesomeIcon icon={faCode} /> {t('github ') + version}
               </a>
             </div>
           </div>
-          <div className="align-self-end card card-body d-block bg-light d-md-none my-2 p-2">
-            <span>{t('Notice_Mistake')}</span>{' '}
-            <Button className="p-0" onClick={() => setOpenTab(Tab.About)} tabIndex={0} variant="link">
-              {t('Help_Improve')}
-            </Button>
-          </div>
         </div>
       </div>
 

From f387d851d38aa341f65c8bfc04ef848b3130bbeb Mon Sep 17 00:00:00 2001
From: thrishank <thrishankkalluru@gmail.com>
Date: Mon, 26 Feb 2024 19:16:09 +0530
Subject: [PATCH 3/6] updated the UI of the footer

---
 src/components/footer/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
index 6c8ae1a42..e6ed9f3d3 100644
--- a/src/components/footer/index.tsx
+++ b/src/components/footer/index.tsx
@@ -38,7 +38,7 @@ const FooterNav_ = ({
   const { t } = useLocalization();
 
   return (
-    <Nav as="ul" className="p-0" role="navigation" style={{ cursor: 'pointer' }} variant="pills">
+    <Nav as="ul" className="p-2 flex-column flex-md-row" role="navigation" style={{ cursor: 'pointer' }} variant="pills">
       <Nav.Item as="li">
         <Nav.Link className="footer-link" onClick={() => setOpenTab(Tab.About)}>
           <FontAwesomeIcon icon={faQuestionCircle} /> {t('About')}
@@ -95,7 +95,7 @@ const Footer = ({
     <>
       <div className="d-flex flex-column container" ref={footerRef}>
         <div className="d-flex flex-column container">
-          <div className="d-md-flex flex-wrap flex-row justify-content-between position-relative row">
+          <div className="d-md-flex flex-wrap flex-column flex-md-row justify-content-between position-relative row">
             <FooterNav setOpenTab={setOpenTab} />
 
             <div className="mb-4 d-flex flex-column">

From 66d79afd96cac17c7d29be599cc551ff93f2d233 Mon Sep 17 00:00:00 2001
From: thrishank <thrishankkalluru@gmail.com>
Date: Mon, 4 Mar 2024 16:22:57 +0530
Subject: [PATCH 4/6] footer updated

---
 src/components/footer/index.tsx | 52 ++++++++++++++++++++-------------
 1 file changed, 31 insertions(+), 21 deletions(-)

diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
index e6ed9f3d3..6089dd2d7 100644
--- a/src/components/footer/index.tsx
+++ b/src/components/footer/index.tsx
@@ -38,27 +38,37 @@ const FooterNav_ = ({
   const { t } = useLocalization();
 
   return (
-    <Nav as="ul" className="p-2 flex-column flex-md-row" role="navigation" style={{ cursor: 'pointer' }} variant="pills">
-      <Nav.Item as="li">
-        <Nav.Link className="footer-link" onClick={() => setOpenTab(Tab.About)}>
-          <FontAwesomeIcon icon={faQuestionCircle} /> {t('About')}
-        </Nav.Link>
-      </Nav.Item>
-      <Nav.Item as="li">
-        <Nav.Link className="footer-link" onClick={() => setOpenTab(Tab.Download)}>
-          <FontAwesomeIcon icon={faDownload} /> {t('Download')}
-        </Nav.Link>
-      </Nav.Item>
-      <Nav.Item as="li">
-        <Nav.Link className="footer-link" onClick={() => setOpenTab(Tab.Documentation)}>
-          <FontAwesomeIcon icon={faBook} /> {t('Documentation')}
-        </Nav.Link>
-      </Nav.Item>
-      <Nav.Item as="li">
-        <Nav.Link className="footer-link" onClick={() => setOpenTab(Tab.Contact)}>
-          <FontAwesomeIcon icon={faEnvelope} /> {t('Contact')}
-        </Nav.Link>
-      </Nav.Item>
+    <Nav
+      as="ul"
+      className="p-2 flex-column flex-md-row"
+      role="navigation"
+      style={{ cursor: 'pointer' }}
+      variant="pills"
+    >
+      <div className="d-flex justify-content-between">
+        <Nav.Item as="li">
+          <Nav.Link className="footer-link" onClick={() => setOpenTab(Tab.About)}>
+            <FontAwesomeIcon icon={faQuestionCircle} /> {t('About')}
+          </Nav.Link>
+        </Nav.Item>
+        <Nav.Item as="li">
+          <Nav.Link className="footer-link" onClick={() => setOpenTab(Tab.Download)}>
+            <FontAwesomeIcon icon={faDownload} /> {t('Download')}
+          </Nav.Link>
+        </Nav.Item>
+      </div>
+      <div className="d-flex justify-content-between">
+        <Nav.Item as="li">
+          <Nav.Link className="footer-link" onClick={() => setOpenTab(Tab.Documentation)}>
+            <FontAwesomeIcon icon={faBook} /> {t('Documentation')}
+          </Nav.Link>
+        </Nav.Item>
+        <Nav.Item as="li">
+          <Nav.Link className="footer-link" onClick={() => setOpenTab(Tab.Contact)}>
+            <FontAwesomeIcon icon={faEnvelope} /> {t('Contact')}
+          </Nav.Link>
+        </Nav.Item>
+      </div>
     </Nav>
   );
 };

From aa05efb53e52f54fca3375a5425186f17857a296 Mon Sep 17 00:00:00 2001
From: thrishank <thrishankkalluru@gmail.com>
Date: Mon, 4 Mar 2024 16:27:40 +0530
Subject: [PATCH 5/6] removed the github icon

---
 src/components/footer/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
index 6089dd2d7..41d0102f9 100644
--- a/src/components/footer/index.tsx
+++ b/src/components/footer/index.tsx
@@ -1,7 +1,7 @@
 import './footer.css';
 
 import * as React from 'react';
-import { faBook, faDownload, faEnvelope, faQuestionCircle, faCode } from '@fortawesome/free-solid-svg-icons';
+import { faBook, faDownload, faEnvelope, faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
 import Button from 'react-bootstrap/Button';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { ModalProps } from 'react-bootstrap/Modal';
@@ -121,7 +121,7 @@ const Footer = ({
                 rel="noreferrer"
                 target="_blank"
               >
-                <FontAwesomeIcon icon={faCode} /> {t('github ') + version}
+                <small>{version}</small>
               </a>
             </div>
           </div>

From b27708af3dada6fdb4593b30eec22efe791c45e4 Mon Sep 17 00:00:00 2001
From: thrishank <thrishankkalluru@gmail.com>
Date: Tue, 5 Mar 2024 23:44:27 +0530
Subject: [PATCH 6/6] updating the footer test case

---
 src/components/footer/__tests__/index.test.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/footer/__tests__/index.test.tsx b/src/components/footer/__tests__/index.test.tsx
index 10cb9fcdb..35ef28845 100644
--- a/src/components/footer/__tests__/index.test.tsx
+++ b/src/components/footer/__tests__/index.test.tsx
@@ -108,7 +108,7 @@ describe('Footer', () => {
     it('opens about dialog on desktop', () => {
       renderFooter();
 
-      userEvent.click(screen.getAllByRole('button', { name: 'Help_Improve-Default' })[1]);
+      userEvent.click(screen.getAllByRole('button', { name: 'Help_Improve-Default' })[0]);
 
       expect(screen.getByRole('dialog').textContent).toMatchInlineSnapshot(
         `"About_Apertium-Default×CloseWhat_Is_Apertium-DefaultApertium-Default"`,