From 70e66a4a0a21e1c7b1cc7d19df7fafed753026ee Mon Sep 17 00:00:00 2001
From: codico <codicocodes@gmail.com>
Date: Sun, 14 Jan 2024 20:58:10 +0100
Subject: [PATCH] Update styling

---
 src/routes/+page.svelte | 20 +++++++-------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 0046665d..4f2b8039 100755
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -64,7 +64,7 @@
 			<div class="flex justify-center mb-12">
 				<Fa icon={faArrowDown} />
 			</div>
-			<div class="w-full flex justify-center items-center gap-2">
+			<div class="w-full flex flex-col sm:flex-row justify-center items-center gap-2">
 				{#if !data.user}
 					<a
 						href="/api/auth/github"
@@ -73,16 +73,10 @@
 						<Button text="Login | Signup" icon={faGithub} />
 					</a>
 				{/if}
-				<a
-					href="/neovim/plugins/trending"
-					class="bg-transparent rounded-full"
-				>
+				<a href="/neovim/plugins/trending" class="bg-transparent rounded-full">
 					<Button text="Search plugins" icon={faSearch} />
 				</a>
-				<a
-					href="/neovim/configurations/top"
-					class="bg-transparent rounded-full"
-				>
+				<a href="/neovim/configurations/top" class="bg-transparent rounded-full">
 					<Button text="Search configurations" icon={faSearch} />
 				</a>
 			</div>
@@ -93,9 +87,9 @@
 		<div class="mb-2 flex justify-between pl-1 tracking-wide">
 			<h3 class="flex items-center gap-1 text-lg">
 				<Fa icon={faSeedling} size="sm" />
-				newest plugins
+				<span class="hidden sm:inline">newest plugins</span>
 			</h3>
-			<a href="/neovim/plugins/new">
+			<a href="/neovim/plugins/new" class="inline">
 				<Button text="more new plugins" icon={faChevronRight} />
 			</a>
 		</div>
@@ -134,7 +128,7 @@
 		<div class="mb-2 flex justify-between pl-1 tracking-wide">
 			<h3 class="flex items-center gap-1 text-lg">
 				<Fa icon={faFire} size="sm" />
-				trending plugins
+				<span class="hidden sm:inline">trending plugins</span>
 			</h3>
 			<a href="/neovim/plugins/trending">
 				<Button text="more trending plugins" icon={faChevronRight} />
@@ -175,7 +169,7 @@
 		<div class="mb-2 flex justify-between pl-1 tracking-wide">
 			<h3 class="flex items-center gap-1 text-lg">
 				<Fa icon={faSeedling} size="sm" />
-				new configurations
+				<span class="hidden sm:inline">more configurations</span>
 			</h3>
 			<a href="/neovim/plugins/new">
 				<Button text="more configurations" icon={faChevronRight} />