From 93059f8a61f444dfc15c21092b7b47604a0c1eb4 Mon Sep 17 00:00:00 2001
From: Alessio <me@playfulpachyderm.com>
Date: Tue, 7 Nov 2023 12:48:59 -0400
Subject: [PATCH] Make user feed buttons less ugly

---
 internal/webserver/static/styles.css |  7 +++++++
 internal/webserver/tpl/user_feed.tpl | 15 ++++++---------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/internal/webserver/static/styles.css b/internal/webserver/static/styles.css
index 81fe869..a60d7bc 100644
--- a/internal/webserver/static/styles.css
+++ b/internal/webserver/static/styles.css
@@ -484,6 +484,13 @@ input[type="submit"] {
     margin-top: 1em;
     gap: 4em;
 }
+.followers-followees-container .spacer {
+    flex-grow: 1;
+}
+.user-feed-buttons-container {
+    display: flex;
+    flex-direction: row;
+}
 
 .poll {
     padding: 1em;
diff --git a/internal/webserver/tpl/user_feed.tpl b/internal/webserver/tpl/user_feed.tpl
index ce1895f..27dd020 100644
--- a/internal/webserver/tpl/user_feed.tpl
+++ b/internal/webserver/tpl/user_feed.tpl
@@ -42,17 +42,14 @@
           <span class="following-count">{{$user.FollowingCount}}</span>
         </div>
 
-        <a class="unstyled-link" target="_blank" href="https://twitter.com/{{$user.Handle}}">
-          <li class="quick-link">
+        <div class="spacer"></div>
+
+        <div class="user-feed-buttons-container">
+          <a class="unstyled-link quick-link" target="_blank" href="https://twitter.com/{{$user.Handle}}" title="Open on twitter.com">
             <img class="svg-icon" src="/static/icons/external-link.svg" />
-            <span>Open on twitter.com</span>
-          </li>
-        </a>
-        <div class="XXX">
-          <a class="unstyled-link" title="Refresh" hx-get="?scrape" hx-target="body">
-            <li class="quick-link">
+          </a>
+          <a class="unstyled-link quick-link" hx-get="?scrape" hx-target="body" title="Refresh">
             <img class="svg-icon" src="/static/icons/refresh.svg" />
-          </li>
           </a>
         </div>
       </div>