From 8f295035658c0bf195caba0c1c79135f948b901a Mon Sep 17 00:00:00 2001
From: tdgmcode <tdgmdev@gmail.com>
Date: Sun, 19 Mar 2023 18:08:35 -0400
Subject: [PATCH] compact buttons

---
 src/lib/components/Button.svelte   | 6 ++++--
 src/lib/components/PostList.svelte | 8 ++++----
 src/routes/+page.svelte            | 4 ++--
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
index 09263e9..f321d99 100644
--- a/src/lib/components/Button.svelte
+++ b/src/lib/components/Button.svelte
@@ -1,13 +1,15 @@
 <style>
     .button {
-        padding: 0.5rem;
+        padding: 0.35rem;
         border: none;
         border-bottom: solid var(--dark-3) 3px;
         box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.1);
 
         font-family: 'Open Sans';
 
-        margin-right: 0.2rem;
+        margin: 0.2rem;
+        margin-top: 0.5rem;
+        margin-bottom: 0rem;
     }
 
     .button a {
diff --git a/src/lib/components/PostList.svelte b/src/lib/components/PostList.svelte
index afa396b..961c73a 100644
--- a/src/lib/components/PostList.svelte
+++ b/src/lib/components/PostList.svelte
@@ -6,21 +6,21 @@
     export let data, noRatings = false;
 </script>
 
-<p>
+<span>
     {#if !noRatings}
         <Button clickFunc={() => { window.location.search = setLocation(window.location,'sort','hot')}}>Hot</Button>
         <Button clickFunc={() => { window.location.search = setLocation(window.location,'sort','rating')}}>Top</Button>
         <Button clickFunc={() => { window.location.search = setLocation(window.location,'sort','time')}}>Recent</Button>
     {/if}
-</p>
+</span>
 
-<p>
+<span>
     {#if data.id > 0}
         <Button clickFunc={() => { window.location.search = setLocation(window.location,'page',((data.id)-1)) }} href='#'>Page {(data.id)-1}</Button>
     {/if}
     <Button>Page {(data.id)}</Button>
     <Button clickFunc={() => { window.location.search = setLocation(window.location,'page',((data.id)+1)) }} href='#'>Page {(data.id)+1}</Button>
-</p>
+</span>
 
 {#if data && data.postJson && data.postJson.data}
     {#each data.postJson.data as post}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b9f2905..ffe5591 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -7,9 +7,9 @@
     export let data;
 </script>
 
-<p>
+<span>
     <Button clickFunc={() => { window.location.search = setLocation(window.location,'type',('all')) }}>All users</Button>
     <Button clickFunc={() => { window.location.search = setLocation(window.location,'type',('follow')) }}>Following only</Button>
-</p>
+</span>
 
 <PostList data={data} />
\ No newline at end of file