From 5eb7a9f58ca48c50b833c6b30c60770c3a4cb49a Mon Sep 17 00:00:00 2001
From: TadiosT <tadios.temesgen@gmail.com>
Date: Tue, 10 Jun 2025 15:00:12 +0100
Subject: [PATCH] feat: Centred the filtering bar in the main page.

Co-Authored By: Caspar Asaam <caspar@dyn3159-95.wlan.ic.ac.uk>
---
 src/routes/+page.svelte | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 3160ef7..8267264 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -58,15 +58,17 @@
 </Navbar>
 
 <main>
-    <TagFilter
-        {selectedTags}
-        {tagFilter}
-        {tagFilterElem}
-        {filteredTags}
-        {dropdownVisible}
-        {deleteTag}
-        {addTag}
-    />
+    <div class="tag-filter-container">
+        <TagFilter
+            {selectedTags}
+            {tagFilter}
+            {tagFilterElem}
+            {filteredTags}
+            {dropdownVisible}
+            {deleteTag}
+            {addTag}
+        />
+    </div>
 
     {#each filteredStudySpaces() as studySpace (studySpace.id)}
         {@const imgUrl =
@@ -100,6 +102,13 @@
         transform: rotate(45deg);
     }
 
+    .tag-filter-container {
+        grid-column: 1 / -1;
+        display: flex;
+        justify-content: center;
+        margin-bottom: 1rem;
+    }
+
     @media (max-width: 20rem) {
         main {
             grid-template-columns: 1fr;