From f2d61a8a3aa6238013a240737177600f526151b3 Mon Sep 17 00:00:00 2001
From: r-freeman <hello@ryanfreeman.dev>
Date: Thu, 26 Jan 2023 22:00:08 +0000
Subject: [PATCH] Updated project styling

---
 components/SocialLink.tsx | 4 ++--
 pages/projects.tsx        | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/SocialLink.tsx b/components/SocialLink.tsx
index 5b9fad9..1ab7659 100644
--- a/components/SocialLink.tsx
+++ b/components/SocialLink.tsx
@@ -11,9 +11,9 @@ type SocialLink = {
 
 export function SocialLink({icon: Icon, href, ariaLabel, className}: SocialLink) {
     return (
-        <Link className={clsx(className, "group -m-1 p-1")} href={href} aria-label={ariaLabel}>
+        <Link className="group -m-1 p-1" href={href} aria-label={ariaLabel}>
             <Icon
-                className="h-6 w-6 fill-zinc-500 transition group-hover:fill-zinc-600 dark:fill-zinc-400 dark:group-hover:fill-zinc-300"/>
+                className={clsx(className, "w-6 h-6 fill-zinc-500 transition group-hover:fill-zinc-600 dark:fill-zinc-400 dark:group-hover:fill-zinc-300")}/>
         </Link>
     )
 }
\ No newline at end of file
diff --git a/pages/projects.tsx b/pages/projects.tsx
index fe8f423..08fcb2c 100644
--- a/pages/projects.tsx
+++ b/pages/projects.tsx
@@ -50,12 +50,12 @@ export default function Projects({pinnedRepos}: { pinnedRepos: Repo[] }) {
                                         style={{backgroundColor: repo.primaryLanguage.color}}/>
                                 </p>
                                 <p className="relative z-10 flex items-center">
-                                    <span className="ml-2">{repo.stargazerCount}</span>
+                                    <span className="ml-2 order-last">{repo.stargazerCount}</span>
                                     <SocialLink
                                         href={repo.url}
                                         ariaLabel={`Star ${repo.name} on GitHub`}
                                         icon={StarIcon}
-                                        className={'order-first m-0 p-0'}
+                                        className={'w-5 h-5'}
                                     />
                                 </p>
                             </div>