From e9e18fc1a0d15e566c31d7c0920c88cf284e9e0b Mon Sep 17 00:00:00 2001
From: ReeFLk <reeflk8@gmail.com>
Date: Tue, 17 Dec 2024 18:47:29 +0100
Subject: [PATCH] Fix: X icon & space between socials icons

---
 .../UI/iconsComponents/icons/twitterIcon.tsx  |  4 +--
 components/UI/profileCard/profileCard.tsx     | 32 ++++++++++---------
 styles/components/icons.module.css            |  2 +-
 styles/dashboard.module.css                   |  5 +++
 4 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/components/UI/iconsComponents/icons/twitterIcon.tsx b/components/UI/iconsComponents/icons/twitterIcon.tsx
index 8bffd99e..28239b74 100644
--- a/components/UI/iconsComponents/icons/twitterIcon.tsx
+++ b/components/UI/iconsComponents/icons/twitterIcon.tsx
@@ -6,10 +6,10 @@ const TwitterIcon: FunctionComponent<IconProps> = ({ width, color }) => {
       xmlns="http://www.w3.org/2000/svg"
       width={width}
       height={width}
-      viewBox="0 0 24 24"
+      viewBox="0 0 1200 1227"
       fill={color}
     >
-      <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
+      <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" />
     </svg>
   );
 };
diff --git a/components/UI/profileCard/profileCard.tsx b/components/UI/profileCard/profileCard.tsx
index 7ea45b53..c855fa11 100644
--- a/components/UI/profileCard/profileCard.tsx
+++ b/components/UI/profileCard/profileCard.tsx
@@ -230,21 +230,23 @@ const ProfileCard: FunctionComponent<ProfileCardProps> = ({
             <div className={styles.right_socials}>
               <SocialMediaActions identity={identity} />
               {tweetShareLink && (
-                <Link
-                  href={tweetShareLink}
-                  target='_blank'
-                  rel='noreferrer'
-                >
-                  <div className={styles.right_share_button}>
-                    <CDNImage
-                      src={shareSrc}
-                      width={20}
-                      height={20}
-                      alt='share-icon'
-                    />
-                    <Typography type={TEXT_TYPE.BODY_DEFAULT}>Share</Typography>
-                  </div>
-                </Link>
+                <div className={styles.share_button_wrapper}>
+                  <Link
+                    href={tweetShareLink}
+                    target='_blank'
+                    rel='noreferrer'
+                  >
+                    <div className={styles.right_share_button}>
+                      <CDNImage
+                        src={shareSrc}
+                        width={20}
+                        height={20}
+                        alt='share-icon'
+                      />
+                      <Typography type={TEXT_TYPE.BODY_DEFAULT}>Share</Typography>
+                    </div>
+                  </Link>
+                </div>
               )}
             </div>
           </div>
diff --git a/styles/components/icons.module.css b/styles/components/icons.module.css
index 639454cc..f4953773 100644
--- a/styles/components/icons.module.css
+++ b/styles/components/icons.module.css
@@ -24,7 +24,7 @@
 .clickableIconDiscord,
 .clickableIconGithub,
 .clickableIconTwitter {
-  background-color: #55acee;
+  background-color: #101012;
   border-radius: 25%;
   padding: 0.5rem;
   position: relative;
diff --git a/styles/dashboard.module.css b/styles/dashboard.module.css
index 59154576..1be25ce5 100644
--- a/styles/dashboard.module.css
+++ b/styles/dashboard.module.css
@@ -164,11 +164,16 @@
 .social_icon {
   width: 32px;
   height: 32px;
+  margin-left: 8px;
   border-radius: 12px;
   background-color: white;
   cursor: pointer;
 }
 
+.share_button_wrapper {
+  margin-left: 48px;
+}
+
 .right_share_button {
   width: auto;
   height: 32px;