From 867626024f97aa6350867a6bf6d19aeb8b46cb51 Mon Sep 17 00:00:00 2001
From: tdgmdev <tdgmdev@gmail.com>
Date: Thu, 9 Mar 2023 06:59:20 -0500
Subject: [PATCH] Minor UI changes

---
 src/lib/components/Header.svelte   | 2 +-
 src/lib/components/PostList.svelte | 5 +++--
 src/routes/+layout.svelte          | 4 ++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index 63e87c8..b172c7b 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -7,7 +7,7 @@
 
     #logo {
 
-        width: calc(100vw - 20px);
+        width: calc(100vw + 50px);
 
         background: var(--dark-1);
 
diff --git a/src/lib/components/PostList.svelte b/src/lib/components/PostList.svelte
index 2c7e6da..ea1fb16 100644
--- a/src/lib/components/PostList.svelte
+++ b/src/lib/components/PostList.svelte
@@ -29,7 +29,8 @@
 
 <p>
     {#if data.id > 0}
-        <Button clickFunc={() => { window.location.search = setLocation(window.location,'page',((data.id)-1)) }}>Previous page</Button>
+        <a on:click={() => { window.location.search = setLocation(window.location,'page',((data.id)-1)) }} href='#'>← Page {(data.id)-1}</a>
     {/if}
-    <Button clickFunc={() => { window.location.search = setLocation(window.location,'page',((data.id)+1)) }}>Next page</Button>
+    <b>Page {(data.id)}</b>
+    <a on:click={() => { window.location.search = setLocation(window.location,'page',((data.id)+1)) }} href='#'>Page {(data.id)+1} →</a>
 </p>
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 51c4daf..ffcb5c2 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -3,7 +3,7 @@
         background: var(--light-2);
 
         height: 100vh;
-        width: calc(100vw - 50px);
+        width: 100vw;
         padding: 25px;
         padding-top: 0px;
 
@@ -11,7 +11,7 @@
         flex-direction: column;
         align-items: center;
 
-        overflow-y: scroll;
+        overflow-y: auto;
     }
     
     :global(:root) {