From 212de6e325264e032df62dfd2009ae9a07c195ac Mon Sep 17 00:00:00 2001
From: JovannMC <jovannmc@femboyfurry.net>
Date: Mon, 13 Jan 2025 17:30:34 +0300
Subject: [PATCH] make icons not cut off

---
 src/lib/sections/about/Credits.svelte   | 10 ++++------
 src/lib/sections/about/Donate.svelte    | 12 ++++++------
 src/lib/sections/about/Resources.svelte | 12 ++++++------
 src/lib/sections/about/Why.svelte       | 12 ++++++------
 4 files changed, 22 insertions(+), 24 deletions(-)

diff --git a/src/lib/sections/about/Credits.svelte b/src/lib/sections/about/Credits.svelte
index 91adc21..75be058 100644
--- a/src/lib/sections/about/Credits.svelte
+++ b/src/lib/sections/about/Credits.svelte
@@ -37,12 +37,10 @@
 {/snippet}
 
 <Panel class="flex flex-col gap-8 p-6">
-	<h2 class="text-2xl font-bold">
-		<HeartHandshakeIcon
-			size="40"
-			class="inline-block -mt-1 mr-2 bg-blue-300 p-2 rounded-full"
-			color="black"
-		/>
+	<h2 class="text-2xl font-bold flex items-center">
+		<div class="rounded-full bg-blue-300 p-2 inline-block mr-3 w-10 h-10">
+			<HeartHandshakeIcon />
+		</div>
 		Credits
 	</h2>
 
diff --git a/src/lib/sections/about/Donate.svelte b/src/lib/sections/about/Donate.svelte
index b4d5e95..92899b8 100644
--- a/src/lib/sections/about/Donate.svelte
+++ b/src/lib/sections/about/Donate.svelte
@@ -25,12 +25,12 @@
 
 <Panel class="flex flex-col gap-8 p-6">
 	<div class="flex flex-col gap-3">
-		<h2 class="text-2xl font-bold">
-			<HeartIcon
-				size="40"
-				class="inline-block -mt-1 mr-2 bg-rose-300 p-2 rounded-full"
-				color="black"
-			/>
+		<h2 class="text-2xl font-bold flex items-center">
+			<div
+				class="rounded-full bg-rose-300 p-2 inline-block mr-3 w-10 h-10"
+			>
+				<HeartIcon color="black" />
+			</div>
 			Donate to VERT
 		</h2>
 		<p class="text-base font-normal">
diff --git a/src/lib/sections/about/Resources.svelte b/src/lib/sections/about/Resources.svelte
index 7a82215..052bc31 100644
--- a/src/lib/sections/about/Resources.svelte
+++ b/src/lib/sections/about/Resources.svelte
@@ -4,12 +4,12 @@
 </script>
 
 <Panel class="flex flex-col gap-4 p-6">
-	<h2 class="text-2xl font-bold">
-		<LinkIcon
-			size="40"
-			class="inline-block -mt-1 mr-2 bg-violet-400 bg- p-2 rounded-full"
-			color="black"
-		/>
+	<h2 class="text-2xl font-bold flex items-center">
+		<div
+			class="rounded-full bg-violet-400 p-2 inline-block mr-3 w-10 h-10"
+		>
+			<LinkIcon />
+		</div>
 		Resources
 	</h2>
 	<div class="flex gap-3">
diff --git a/src/lib/sections/about/Why.svelte b/src/lib/sections/about/Why.svelte
index 78b1073..1f1d127 100644
--- a/src/lib/sections/about/Why.svelte
+++ b/src/lib/sections/about/Why.svelte
@@ -4,12 +4,12 @@
 </script>
 
 <Panel class="flex flex-col gap-3 p-6">
-	<h2 class="text-2xl font-bold">
-		<MessageCircleQuestionIcon
-			size="40"
-			class="inline-block -mt-1 mr-2 bg-accent p-2 rounded-full"
-			color="black"
-		/>
+	<h2 class="text-2xl font-bold flex items-center">
+		<div
+			class="rounded-full bg-accent p-2 inline-block mr-3 w-10 h-10"
+		>
+			<MessageCircleQuestionIcon color="black" />
+		</div>
 		Why VERT?
 	</h2>
 	<p class="text-lg font-normal">