From 1432174704a2b768d6d3753bb13dd98ed17cdaf3 Mon Sep 17 00:00:00 2001
From: Ushie <ushiekane@gmail.com>
Date: Tue, 19 Jul 2022 04:21:45 +0300
Subject: [PATCH] A

SN SUCKS SOCKS
---
 .../components/atoms/ContributorButton.svelte | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/lib/components/atoms/ContributorButton.svelte b/src/lib/components/atoms/ContributorButton.svelte
index 0a5ef6c..647191b 100644
--- a/src/lib/components/atoms/ContributorButton.svelte
+++ b/src/lib/components/atoms/ContributorButton.svelte
@@ -1,16 +1,16 @@
 <script>
-	export let href = "https://github.com/ushie"
-	export let src = "https://github.com/ushie.png"
-	export let alt = "Contributors Image"
+	export const username = "Ushie"
+	export const href = `https://github.com/${username}`
+	export const src = `https://github.com/${username}.png`
+	export const alt = `${username}'s contributor profile picture`
 </script>
 
-<div>
-	<a {href}>
-		<button>
-			<img {src} {alt}><slot/>
-		</button>
-	</a>
-</div>
+<a {href}>
+	<button>
+		<img {src} {alt}><slot/>
+	</button>
+	<h3>{username}</h3>
+</a>
 
 <style>
 	a {
@@ -22,7 +22,7 @@
 		color: var(--white);
 		border-radius: 200px;
         border: 0;
-		padding: 5px 5px;
+		/* padding: 5px 5px; */
         width:86px;
         height:86px;
         max-height: 86px;
@@ -41,6 +41,8 @@
 	}
 
 	img {
+		/* margin: 0;
+		padding: 0; */
 		border-radius: 50%;
         max-height: 86px;
         max-width: 86px;