From 750ba550f1b9204fcd6fe38b73f8c1b72e446aad Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Sat, 11 Apr 2020 10:48:17 -0700
Subject: [PATCH] move pulldown button icon closer to text

---
 fedireads/static/format.css                     | 7 ++++++-
 fedireads/templates/snippets/shelve_button.html | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/fedireads/static/format.css b/fedireads/static/format.css
index d8b2511b..41bbc7a0 100644
--- a/fedireads/static/format.css
+++ b/fedireads/static/format.css
@@ -152,7 +152,7 @@ body {
     box-shadow: 0 5px 10px rgba(0,0,0,0.15);
     width: max-content;
     border: 2px solid #247BA0;
-    align: left;
+    text-align: left;
 }
 
 .pulldown-container:hover .pulldown {
@@ -184,6 +184,11 @@ div.pulldown-button button {
     background-color: inherit;
     color: #247BA0;
 }
+div.pulldown-button .pulldown-toggle {
+    padding: 0;
+    position: relative;
+    left: -0.5em;
+}
 
 ul.pulldown button {
     display: block;
diff --git a/fedireads/templates/snippets/shelve_button.html b/fedireads/templates/snippets/shelve_button.html
index 80d0744a..beeb76b6 100644
--- a/fedireads/templates/snippets/shelve_button.html
+++ b/fedireads/templates/snippets/shelve_button.html
@@ -7,7 +7,7 @@
     <input type="hidden" name="book" value="{{ book.id }}"></input>
     <input type="hidden" name="shelf" value="{% shelve_button_identifier book %}"></input>
     <button type="submit" style="">{% shelve_button_text book %}</button></form><div class="pulldown-container">
-    <button>
+    <button class="pulldown-toggle">
         <span class="icon icon-arrow-down"><span class="hidden-text">More shelves</span></span>
     </button>
 <ul class="pulldown">