From 3cc3b3ce1c16e1ed03c1177399d8e5744b090abe Mon Sep 17 00:00:00 2001
From: vhaudiquet <vhaudiquet343@hotmail.fr>
Date: Sun, 1 Dec 2024 11:48:21 +0100
Subject: [PATCH] Better margins :)

---
 frontend/components/ChampionSelector.vue | 3 +++
 frontend/components/Logo.vue             | 4 ++--
 frontend/pages/index.vue                 | 6 +++---
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/components/ChampionSelector.vue b/frontend/components/ChampionSelector.vue
index 6cbd129..e12237a 100644
--- a/frontend/components/ChampionSelector.vue
+++ b/frontend/components/ChampionSelector.vue
@@ -163,5 +163,8 @@ async function submit() {
     .champion-container {
         grid-template-columns: repeat(auto-fit, 80px);
     }
+    .search-lanefilter-container {
+        margin-top: 10px;
+    }
 }
 </style>
\ No newline at end of file
diff --git a/frontend/components/Logo.vue b/frontend/components/Logo.vue
index 9982576..82e722c 100644
--- a/frontend/components/Logo.vue
+++ b/frontend/components/Logo.vue
@@ -8,8 +8,8 @@ defineProps<{
 <template>
     <div style="width: fit-content; max-width: 100%; overflow: hidden;">
     <NuxtLink style="display: flex; width: fit-content; text-decoration: none;" to="/">
-    <img id="logo-img" :width="imgWidth == null ? '140' : Number(imgWidth)" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
-    <h1 :style="'font-size: ' + (fontSize == null ? '5.6rem' : fontSize) + ';'" id="logo-text">BuildPath</h1>
+    <img id="logo-img" :width="imgWidth == null ? '120' : Number(imgWidth)" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
+    <h1 :style="'font-size: ' + (fontSize == null ? '5.0rem' : fontSize) + ';'" id="logo-text">BuildPath</h1>
     </NuxtLink>
     </div>
 </template>
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 021c8e0..e275803 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -44,7 +44,7 @@ const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetc
 }
 .index-main-content {
     display: flex; 
-    margin-top: 164px;
+    margin-top: 104px;
 }
 .index-champion-selector {
     width: 80%;
@@ -75,7 +75,7 @@ const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetc
 
 @media only screen and (max-width: 500px) {
     #index-logo {
-        margin-top: 5px;
+        margin-top: 10px;
         margin-bottom: 10px;
     }
     #index-statp {
@@ -84,7 +84,7 @@ const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetc
     .index-tierlist-info-container {
         margin-bottom: 10px;
         margin-left: 10px;
-        
+
         display: none;
     }
 }