From 4532163226c4363b06bd1a6ece83dccb00852ba3 Mon Sep 17 00:00:00 2001
From: Thor christiansen <iamdrnolife@gmail.com>
Date: Fri, 22 Nov 2024 08:36:17 +0100
Subject: [PATCH] minor changes to the thing that indicated bottom of page.

---
 .../Danbooru.UI/Components/Pages/DoomScroll.razor          | 7 ++++++-
 .../Danbooru.UI/Components/Pages/DoomScroll.razor.css      | 6 ++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/Danbooru/Danbooru.UI/Danbooru.UI/Components/Pages/DoomScroll.razor b/Danbooru/Danbooru.UI/Danbooru.UI/Components/Pages/DoomScroll.razor
index c3e89a7..8735dee 100644
--- a/Danbooru/Danbooru.UI/Danbooru.UI/Components/Pages/DoomScroll.razor
+++ b/Danbooru/Danbooru.UI/Danbooru.UI/Components/Pages/DoomScroll.razor
@@ -77,7 +77,12 @@
             }
 
             @* The target element that we observe. Once this is reached the callback will be triggered. *@
-            <li class="list-group-item" id="observerTarget"></li>
+
+            <div class="end-reacher" id="observerTarget">
+
+            </div>
+
+            @* <li class="list-group-item" ></li> *@
         </InfiniteScroll>
 
         @if(_shouldDisplayTagContainer)
diff --git a/Danbooru/Danbooru.UI/Danbooru.UI/Components/Pages/DoomScroll.razor.css b/Danbooru/Danbooru.UI/Danbooru.UI/Components/Pages/DoomScroll.razor.css
index 249c4fe..6e0679b 100644
--- a/Danbooru/Danbooru.UI/Danbooru.UI/Components/Pages/DoomScroll.razor.css
+++ b/Danbooru/Danbooru.UI/Danbooru.UI/Components/Pages/DoomScroll.razor.css
@@ -106,6 +106,12 @@ input[type="text"] {
     cursor: pointer;
 }
 
+.end-reacher {
+    padding: 2rem;
+    background-color: darkorange;
+    border-radius: .75rem;
+}
+
 @media (max-width: 1200px) {
     .results {
         width: 100%;