Fix Back to Top Overflow

2 files changed, 10 insertions, 11 deletions

diff --git a/sass/include/_top.scss b/sass/include/_top.scss
index e4ad6fe..7b9d026 100644
--- a/sass/include/_top.scss
+++ b/sass/include/_top.scss
@@ -1,25 +1,24 @@
 .topout {
-  display: flex;
   position: sticky;
   bottom: 1px;
   padding: 20px;
   place-self: end;
-  margin-top: 101vh;
+  margin-top: 110vh;
   pointer-events: none;
 }
-.topin {
-  margin-left: auto;
-  pointer-events: all;
+.topleft {
+  margin-left: calc(100% - 80px);
 }
 .top {
+  pointer-events: all;
   padding: 9px;
-  font-weight:700;
   border-radius: 9px;
+  font-weight:700;
   color: var(--a1);
   background: var(--c2);
 }
 .top:hover {
+  text-decoration: none;
   color: var(--c2);
   background: var(--a1);
-  text-decoration: none;
-}
+}
\ No newline at end of file
diff --git a/templates/page.html b/templates/page.html
index 8283d31..cfea5ea 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -69,9 +69,9 @@
 
 {%- if page.reading_time %}
 {%- if page.reading_time > 1 %}
-<div class="topout">
-<div> </div><div class="topin"><a href="#" class="top">&cuwed;</a></div>
-</div>
+<span class="topout">
+<span class="topleft"> </span><a href="#" class="top">&cuwed;</a>
+</span>
 {%- endif %}
 {%- endif %}