From afdaad471b1f8d7241434b8f7fef43630294be53 Mon Sep 17 00:00:00 2001
From: Aunali321 <aunvakil.aa@gmail.com>
Date: Wed, 12 Oct 2022 11:38:01 +0000
Subject: [PATCH] feat: better padding and hover color.

---
 .../components/atoms/ContributorButton.svelte |  2 +-
 src/lib/components/atoms/Navigation.svelte    |  1 +
 src/routes/credits/+page.svelte               | 38 +++++++++++++++++++
 3 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/atoms/ContributorButton.svelte b/src/lib/components/atoms/ContributorButton.svelte
index cbaa59c..4783db7 100644
--- a/src/lib/components/atoms/ContributorButton.svelte
+++ b/src/lib/components/atoms/ContributorButton.svelte
@@ -17,7 +17,7 @@
 		color: var(--white);
 		text-decoration: none;
 		text-align: center;
-		padding: 0.5rem;
+		padding: 0.5rem 0.1rem;
 		border-radius: 12px;
 		width:100px;
 		transition: all 0.3s var(--bezier-one);
diff --git a/src/lib/components/atoms/Navigation.svelte b/src/lib/components/atoms/Navigation.svelte
index a5eb535..c00ead4 100644
--- a/src/lib/components/atoms/Navigation.svelte
+++ b/src/lib/components/atoms/Navigation.svelte
@@ -36,6 +36,7 @@
 	}
 
 	li:hover {
+		color: var(--white);
 		background-color: var(--grey-one);
 	}
 
diff --git a/src/routes/credits/+page.svelte b/src/routes/credits/+page.svelte
index b716ceb..e5950be 100644
--- a/src/routes/credits/+page.svelte
+++ b/src/routes/credits/+page.svelte
@@ -4,9 +4,47 @@
 </script>
 
 <div class="wrapper contrib-grid">
+    <h1>
+        <span class="redder">Re</span>Vanced Contributors
+    </h1>
     <ContributorHost repo="cli"/>
     <ContributorHost repo="patcher"/>
     <ContributorHost repo="patches"/>
     <ContributorHost repo="integrations"/>
     <ContributorHost repo="manager"/>
 </div>
+
+<style>
+    .redder {
+		color: var(--red);
+	}
+    h1 {
+        text-align: center;
+		color: var(--white);
+		font-weight: 700;
+		font-size: 5rem;
+		letter-spacing: -0.04em;
+		line-height: 1em;
+	}
+    .contrib-grid {
+        display: flex;
+        flex-direction: column;
+        gap: 2rem;
+    }
+
+    @media screen and (max-width: 1919px) {
+		h1 {
+			font-size: 3.5rem;
+		}
+	}
+	@media screen and (max-width: 1052px) {
+		h1 {
+			font-size: 2.5rem;
+		}
+	}
+	@media screen and (max-width: 768px) {
+		h1 {
+			font-size: 2rem;
+		}
+	}
+</style>
\ No newline at end of file