Better margins :)

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>

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>

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;
     }
 }