From e300a882e400e4dfd8240ce41134585f488aafa7 Mon Sep 17 00:00:00 2001
From: Alessio <me@playfulpachyderm.com>
Date: Wed, 3 Jan 2024 21:18:00 -0600
Subject: [PATCH] Make end-of-feed indicator look better

---
 internal/webserver/static/styles.css                    | 6 ++++++
 internal/webserver/tpl/tweet_page_includes/timeline.tpl | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/internal/webserver/static/styles.css b/internal/webserver/static/styles.css
index a04bb72..aa39701 100644
--- a/internal/webserver/static/styles.css
+++ b/internal/webserver/static/styles.css
@@ -417,6 +417,12 @@ ul.quick-links {
     /* not for nested (i.e., quoted) tweets */
     border-bottom: 1px solid var(--color-twitter-off-white-dark);
 }
+.timeline .eof-indicator {
+    text-align: center;
+    color: var(--color-twitter-text-gray);
+    font-size: 1.2em;
+    margin: 1em 0;
+}
 
 .top-bar {
     display: flex;
diff --git a/internal/webserver/tpl/tweet_page_includes/timeline.tpl b/internal/webserver/tpl/tweet_page_includes/timeline.tpl
index 4c5c434..98ea437 100644
--- a/internal/webserver/tpl/tweet_page_includes/timeline.tpl
+++ b/internal/webserver/tpl/tweet_page_includes/timeline.tpl
@@ -3,7 +3,7 @@
     {{template "tweet" .}}
   {{end}}
   {{if .CursorBottom.CursorPosition.IsEnd}}
-    <p>End of feed</p>
+    <div class="eof-indicator">End of feed</div>
   {{else}}
     <button class="show-more"
       hx-get="?{{(cursor_to_query_params .CursorBottom)}}"