From 3697690c3149b916e76546dfae915b1df3c3ef1a Mon Sep 17 00:00:00 2001
From: eggy <eggyrules@gmail.com>
Date: Wed, 10 Aug 2022 11:10:49 -0400
Subject: [PATCH] fix: make buttontotop visible

it's on the left because teleport only supports left
---
 components/ButtonToTop.vue | 6 +++---
 pages/index.vue            | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/ButtonToTop.vue b/components/ButtonToTop.vue
index 7d4a1c6..6d7817f 100644
--- a/components/ButtonToTop.vue
+++ b/components/ButtonToTop.vue
@@ -1,11 +1,11 @@
 <template>
-  <Teleport to="body"> <a href="#" class="go-top"></a></Teleport>
+  <Teleport to="body"> <a href="#" class="go-top" /></Teleport>
 </template>
 
 <style>
 body {
   display: grid;
-  grid-template-columns: auto 0;
+  grid-template-columns: 0 auto;
 }
 </style>
 
@@ -14,7 +14,7 @@ body {
   --offset: 20rem;
   position: sticky;
   bottom: 1rem;
-  margin-right: 1rem;
+  left: 1rem;
   place-self: end;
   margin-top: calc(100vh + var(--offset));
 
diff --git a/pages/index.vue b/pages/index.vue
index 20b3383..e61296b 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -6,7 +6,6 @@ useTitle("Home");
 </script>
 
 <template>
-  <ButtonToTop />
   <main class="flex flex-col items-center justify-around gap-8">
     <h1>Welcome!</h1>
     <p>What are you here to see?</p>
@@ -20,6 +19,7 @@ useTitle("Home");
     <Services />
     <About />
   </main>
+  <ButtonToTop />
 </template>
 
 <style scoped>