From 0b6fb4f3c2946e46051700886b7691d1c628bd36 Mon Sep 17 00:00:00 2001
From: David Ralph <me@davidcralph.co.uk>
Date: Sat, 3 Jan 2026 17:58:08 +0000
Subject: [PATCH] fix: about tab links and icons

---
 src/components/Elements/Button/Button.jsx           |  5 ++++-
 .../scss/settings/modules/tabs/_about.scss          | 13 +++++++++++++
 src/features/misc/sections/About.jsx                |  2 +-
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/Elements/Button/Button.jsx b/src/components/Elements/Button/Button.jsx
index 97c44a47..ff717a87 100644
--- a/src/components/Elements/Button/Button.jsx
+++ b/src/components/Elements/Button/Button.jsx
@@ -50,7 +50,10 @@ const Button = forwardRef(
     );
 
     const linkButton = (
-      <a className={className} onClick={onClick} ref={ref} disabled={disabled} href={href} style={style}>
+      <a className={className} onClick={onClick} ref={ref} disabled={disabled} href={href} style={style} 
+                   target="_blank"
+              rel="noopener noreferrer"
+      >
         {icon}
         {label}
       </a>
diff --git a/src/components/Elements/MainModal/scss/settings/modules/tabs/_about.scss b/src/components/Elements/MainModal/scss/settings/modules/tabs/_about.scss
index 47e554c8..a0d4c8a1 100644
--- a/src/components/Elements/MainModal/scss/settings/modules/tabs/_about.scss
+++ b/src/components/Elements/MainModal/scss/settings/modules/tabs/_about.scss
@@ -31,6 +31,8 @@
   img {
     width: 75px;
     height: auto;
+    opacity: 0;
+    animation: fadeIn 0.5s ease-in-out forwards;
 
     @include themed {
       border-radius: t($borderRadius);
@@ -38,6 +40,17 @@
   }
 }
 
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
 .subtitle-photographers {
   font-size: 16px;
 
diff --git a/src/features/misc/sections/About.jsx b/src/features/misc/sections/About.jsx
index e15d80d1..22313b51 100644
--- a/src/features/misc/sections/About.jsx
+++ b/src/features/misc/sections/About.jsx
@@ -2,7 +2,7 @@ import variables from 'config/variables';
 import { PureComponent } from 'react';
 import { MdEmail, MdContactPage } from 'react-icons/md';
 import { FaDiscord } from 'react-icons/fa';
-import { SiGithubsponsors, SiX } from 'react-icons/si';
+import { SiX } from 'react-icons/si';
 import { BiDonateHeart } from 'react-icons/bi';
 
 import { Tooltip, Button } from 'components/Elements';