From d690b0bda6016afdfa9e3019abf332ccef577214 Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Thu, 15 Sep 2022 13:42:37 +0200
Subject: [PATCH] Fix styling of 'More' button

Signed-off-by: Alexis Sellier <self@cloudhead.io>
---
 src/List.svelte | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/List.svelte b/src/List.svelte
index 312591399..7e7b0526f 100644
--- a/src/List.svelte
+++ b/src/List.svelte
@@ -31,8 +31,7 @@
 
 <style>
   .more {
-    margin-top: 1rem;
-    height: 40px;
+    margin-top: 2rem;
     text-align: center;
   }
 </style>
@@ -47,7 +46,7 @@
     {:else}
       <div class="more" transition:fade|local={transitionParams}>
         <Button
-          variant="secondary"
+          variant="foreground"
           waiting={loading}
           disabled={loading}
           on:click={fetchMore}>