From 32b0d8c9b97984c483ce914c288f4fd918ca0c81 Mon Sep 17 00:00:00 2001
From: Connor Yoh <connor@stirlingpdf.com>
Date: Thu, 28 Aug 2025 17:24:32 +0100
Subject: [PATCH] Update to make all links look the same

---
 frontend/src/components/shared/Footer.tsx | 17 +++----------
 frontend/src/index.css                    | 30 +++++++++++++++++++++++
 2 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/shared/Footer.tsx b/frontend/src/components/shared/Footer.tsx
index 367dd5306..c794df07c 100644
--- a/frontend/src/components/shared/Footer.tsx
+++ b/frontend/src/components/shared/Footer.tsx
@@ -1,4 +1,4 @@
-import { Flex } from '@mantine/core';
+import { Flex, Text } from '@mantine/core';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useCookieConsent } from '../../hooks/useCookieConsent';
@@ -93,22 +93,11 @@ export default function Footer({
               {t('legal.accessibility', 'Accessibility')}
             </a>
           )}
-          {cookiePolicy && (
-            <a
-              className="footer-link px-3"
-              target="_blank"
-              rel="noopener noreferrer"
-              href={cookiePolicy}
-            >
-              {t('legal.cookie', 'Cookie Preferecences')}
-            </a>
-          )}
           {analyticsEnabled && (
             <button
               className="footer-link px-3"
               id="cookieBanner"
               onClick={showCookiePreferences}
-              style={{ border: 'none', background: 'none', cursor: 'pointer' }}
             >
               {t('legal.showCookieBanner', 'Cookie Preferences')}
             </button>
@@ -117,9 +106,9 @@ export default function Footer({
 
         {/* Powered by section */}
         <Flex justify="center" align="center" gap={"sm"} >
-          <span>{t('poweredBy', 'Powered by')} </span>
+          <Text fw={600}>{t('poweredBy', 'Powered by')} </Text>
           <a href="https://stirlingpdf.com" className="stirling-link">
-            Stirling PDF
+            Stirling
           </a>
         </Flex>
     </div>
diff --git a/frontend/src/index.css b/frontend/src/index.css
index ec2585e8c..1140456b8 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -11,3 +11,33 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
+
+/* Footer link styling - make buttons and links look identical */
+.footer-link {
+  color: var(--mantine-color-blue-6);
+  text-decoration: none;
+  transition: color 0.2s ease;
+  border: none;
+  background: none;
+  cursor: pointer;
+  font-family: inherit;
+  font-size: inherit;
+  padding: 0;
+}
+
+.footer-link:hover {
+  color: var(--mantine-color-blue-8);
+  text-decoration: underline;
+}
+
+.stirling-link {
+  color: var(--mantine-color-blue-6);
+  text-decoration: none;
+  font-weight: 500;
+  transition: color 0.2s ease;
+}
+
+.stirling-link:hover {
+  color: var(--mantine-color-blue-8);
+  text-decoration: underline;
+}