From 7bab5a5ac6c3dd23d7250932730874a1aa1cc73f Mon Sep 17 00:00:00 2001
From: Chris Kankiewicz <Chris@ChrisKankiewicz.com>
Date: Mon, 20 Jan 2020 21:24:21 -0700
Subject: [PATCH] Keep scroll-to-top button within container

---
 .../views/components/scroll-to-top.twig          | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/app/resources/views/components/scroll-to-top.twig b/app/resources/views/components/scroll-to-top.twig
index b3fb63a..b5393d7 100644
--- a/app/resources/views/components/scroll-to-top.twig
+++ b/app/resources/views/components/scroll-to-top.twig
@@ -1,6 +1,10 @@
-<a id="scroll-to-top"
-    class="flex justify-center items-center w-12 h-12 fixed bottom-0 right-0 rounded-full shadow-lg bg-blue-600 text-white cursor-pointer p-2 m-10 hover:bg-blue-700 hidden"
-    onclick="window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });" title="Scroll to Top"
->
-    <i class="fas fa-arrow-up fa-lg"></i>
-</a>
+<div class="fixed bottom-0 left-0 right-0 pointer-events-none">
+    <div class="container flex justify-end mx-auto px-4 py-10">
+        <a id="scroll-to-top"
+            class="flex justify-center items-center w-12 h-12 right-0 rounded-full shadow-lg bg-blue-600 text-white cursor-pointer pointer-events-auto hover:bg-blue-700 hidden"
+            onclick="window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });" title="Scroll to Top"
+        >
+            <i class="fas fa-arrow-up fa-lg"></i>
+        </a>
+    </div>
+</div>