From 5e87717d8be80744a722d67430c141f65c27f8f6 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Sun, 4 Feb 2024 01:17:09 -0800
Subject: [PATCH] chore: styling fix

---
 README.md                               |  2 +-
 src/routes/(app)/documents/+page.svelte | 57 +++++++++++++------------
 2 files changed, 30 insertions(+), 29 deletions(-)

diff --git a/README.md b/README.md
index 3a14b00a..bf7782fc 100644
--- a/README.md
+++ b/README.md
@@ -283,7 +283,7 @@ A big shoutout to our amazing supporters who's helping to make this project poss
 
 ### Acknowledgments
 
-Special thanks to [Prof. Lawrence Kim @ SFU](https://www.lhkim.com/) and [Prof. Nick Vincent @ SFU](https://www.nickmvincent.com/) for their invaluable support and guidance in shaping this project into a research endeavor. Grateful for your mentorship throughout the journey! 🙌
+Special thanks to [Prof. Lawrence Kim](https://www.lhkim.com/) and [Prof. Nick Vincent](https://www.nickmvincent.com/) for their invaluable support and guidance in shaping this project into a research endeavor. Grateful for your mentorship throughout the journey! 🙌
 
 ## License 📜
 
diff --git a/src/routes/(app)/documents/+page.svelte b/src/routes/(app)/documents/+page.svelte
index 68ca044d..fc117d5b 100644
--- a/src/routes/(app)/documents/+page.svelte
+++ b/src/routes/(app)/documents/+page.svelte
@@ -227,34 +227,6 @@
 					</button>
 				</div>
 			</div>
-			<hr class=" dark:border-gray-700 my-2.5" />
-
-			{#if tags.length > 0}
-				<div class="px-2.5 mt-0.5 mb-2 flex gap-1 flex-wrap">
-					<button
-						class="px-2 py-0.5 space-x-1 flex h-fit items-center rounded-full transition border dark:border-gray-600 dark:text-white"
-						on:click={async () => {
-							selectedTag = '';
-							// await chats.set(await getChatListByTagName(localStorage.token, tag.name));
-						}}
-					>
-						<div class=" text-xs font-medium self-center line-clamp-1">all</div>
-					</button>
-					{#each tags as tag}
-						<button
-							class="px-2 py-0.5 space-x-1 flex h-fit items-center rounded-full transition border dark:border-gray-600 dark:text-white"
-							on:click={async () => {
-								selectedTag = tag;
-								// await chats.set(await getChatListByTagName(localStorage.token, tag.name));
-							}}
-						>
-							<div class=" text-xs font-medium self-center line-clamp-1">
-								#{tag}
-							</div>
-						</button>
-					{/each}
-				</div>
-			{/if}
 
 			<!-- <div>
 				<div
@@ -278,6 +250,35 @@
 			{#each $documents.filter((doc) => (selectedTag === '' || (doc?.content?.tags ?? [])
 							.map((tag) => tag.name)
 							.includes(selectedTag)) && (query === '' || doc.name.includes(query))) as doc}
+				<hr class=" dark:border-gray-700 my-2.5" />
+
+				{#if tags.length > 0}
+					<div class="px-2.5 mt-0.5 mb-2 flex gap-1 flex-wrap">
+						<button
+							class="px-2 py-0.5 space-x-1 flex h-fit items-center rounded-full transition border dark:border-gray-600 dark:text-white"
+							on:click={async () => {
+								selectedTag = '';
+								// await chats.set(await getChatListByTagName(localStorage.token, tag.name));
+							}}
+						>
+							<div class=" text-xs font-medium self-center line-clamp-1">all</div>
+						</button>
+						{#each tags as tag}
+							<button
+								class="px-2 py-0.5 space-x-1 flex h-fit items-center rounded-full transition border dark:border-gray-600 dark:text-white"
+								on:click={async () => {
+									selectedTag = tag;
+									// await chats.set(await getChatListByTagName(localStorage.token, tag.name));
+								}}
+							>
+								<div class=" text-xs font-medium self-center line-clamp-1">
+									#{tag}
+								</div>
+							</button>
+						{/each}
+					</div>
+				{/if}
+
 				<div class=" flex space-x-4 cursor-pointer w-full mt-3 mb-3">
 					<div class=" flex flex-1 space-x-4 cursor-pointer w-full">
 						<div class=" flex items-center space-x-3">