From 7e248293008eb4f3bd72934f3c9d6ba5adfaf3e8 Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sun, 6 Mar 2022 12:18:47 +0100
Subject: [PATCH] Prevent load-button to take space when not visible

---
 src/components/ResultsSection.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/ResultsSection.vue b/src/components/ResultsSection.vue
index 5b07b3a..b1728aa 100644
--- a/src/components/ResultsSection.vue
+++ b/src/components/ResultsSection.vue
@@ -14,8 +14,9 @@
     <results-list v-bind="{ results, shortList }" />
     <loader v-if="loading" />
 
-    <div class="load-button" ref="loadMoreButton">
+    <div ref="loadMoreButton" class="button-container">
       <seasoned-button
+        class="load-button"
         v-if="!shortList && page != totalPages && results.length"
         @click="loadMore"
         :fullWidth="true"
@@ -176,10 +177,14 @@ export default {
   background-color: var(--background-color);
 }
 
-.load-button {
+.button-container {
+  display: flex;
+  justify-content: center;
   display: flex;
   width: 100%;
-  justify-content: center;
+}
+
+.load-button {
   margin: 2rem 0;
 
   @include mobile {