From c1b4b14fc3f8e37f12286641d1e9c68baa72bb59 Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Fri, 7 Mar 2025 13:15:34 +0100
Subject: Unify footer

---
 src/pages/chart/ChartPage.tsx | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

(limited to 'src/pages/chart')

diff --git a/src/pages/chart/ChartPage.tsx b/src/pages/chart/ChartPage.tsx
index 0492265..1eac1ad 100644
--- a/src/pages/chart/ChartPage.tsx
+++ b/src/pages/chart/ChartPage.tsx
@@ -152,24 +152,26 @@ const ChartPage = () => {
       </div>
 
       <footer className="footer">
-        <div className="footer-content">
-          <div className="footer-section">
-            <h3>About Morse Code</h3>
-            <p>Morse code is a method of transmitting text as a series of on-off tones, lights, or clicks that can be understood by a skilled listener without specialized equipment.</p>
-          </div>
-          <div className="footer-section">
-            <h3>Quick Links</h3>
-            <ul>
-              <li><Link to="/">Morse Hero Game</Link></li>
-              <li><a href="https://en.wikipedia.org/wiki/Morse_code" target="_blank" rel="noopener noreferrer">Learn More</a></li>
-            </ul>
+        <div className="footer-unified">
+          <div className="footer-sections">
+            <div className="footer-section">
+              <h3>About Morse Code</h3>
+              <p>Morse code is a method of transmitting text as a series of on-off tones, lights, or clicks that can be understood by a skilled listener without specialized equipment.</p>
+            </div>
+            <div className="footer-section">
+              <h3>Quick Links</h3>
+              <ul>
+                <li><Link to="/">Morse Hero Game</Link></li>
+                <li><a href="https://en.wikipedia.org/wiki/Morse_code" target="_blank" rel="noopener noreferrer">Learn More</a></li>
+              </ul>
+            </div>
+            <div className="footer-section">
+              <h3>Resources</h3>
+              <p>Created with <a href="https://www.mastercw.com/cw.js/">CW.js</a>. For a complete Morse Code training solution visit <a href="https://www.mastercw.com">Master CW</a>.</p>
+              <p>&copy; {new Date().getFullYear()} Morse Hero</p>
+            </div>
           </div>
         </div>
-        <div className="footer-bottom">
-          <p>Created with <a href="https://www.mastercw.com/cw.js/">CW.js</a>. For a complete and professional
-            Morse Code training solution visit <a href="https://www.mastercw.com">Master CW</a>.</p>
-          <p>&copy; {new Date().getFullYear()} Morse Hero - Practice Morse Code the Fun Way</p>
-        </div>
       </footer>
     </div>
   );
-- 
cgit v1.3.1