From e64507e50de2bba16e51632b4f61fed9ff08d255 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Sun, 17 Jan 2021 10:45:25 -0800
Subject: [PATCH] Uses has-addons css for interact buttons

---
 bookwyrm/templates/book.html                 |  2 +-
 bookwyrm/templates/snippets/status_body.html | 16 ++++++++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/bookwyrm/templates/book.html b/bookwyrm/templates/book.html
index dcb1b8540..69efb8588 100644
--- a/bookwyrm/templates/book.html
+++ b/bookwyrm/templates/book.html
@@ -143,7 +143,7 @@
             {% endif %}
             <div class="block">
                 {% include 'snippets/toggle/open_button.html' with text="Add read dates" controls_text="add-readthrough" %}
-                <div class="toggle-content hidden box" id="add-readthrough">
+                <div class="hidden box" id="add-readthrough">
                     <form name="add-readthrough" action="/create-readthrough" method="post">
                         {% include 'snippets/readthrough_form.html' with readthrough=None %}
                         <div class="field is-grouped">
diff --git a/bookwyrm/templates/snippets/status_body.html b/bookwyrm/templates/snippets/status_body.html
index b7b4e07c1..aee29ba1b 100644
--- a/bookwyrm/templates/snippets/status_body.html
+++ b/bookwyrm/templates/snippets/status_body.html
@@ -18,9 +18,17 @@
 {% block card-footer %}
 <div class="card-footer-item">
     {% if request.user.is_authenticated %}
-    {% include 'snippets/toggle/toggle_button.html' with controls_text="show-comment" controls_uid=status.id text="Reply" icon="comment" class="is-small" focus="id_content_reply" %}
-    {% include 'snippets/boost_button.html' with status=status %}
-    {% include 'snippets/fav_button.html' with status=status %}
+    <div class="field has-addons">
+        <div class="control">
+            {% include 'snippets/toggle/toggle_button.html' with controls_text="show-comment" controls_uid=status.id text="Reply" icon="comment" class="is-small" focus="id_content_reply" %}
+        </div>
+        <div class="control">
+            {% include 'snippets/boost_button.html' with status=status %}
+        </div>
+        <div class="control">
+            {% include 'snippets/fav_button.html' with status=status %}
+        </div>
+    </div>
 
     {% else %}
     <a href="/login">
@@ -48,7 +56,7 @@
 </div>
 {% if status.user == request.user %}
 <div class="card-footer-item">
-    {% include 'snippets/toggle/toggle_button.html' with controls_text="more-info" controls_uid=status.id text="More options" icon="dots-three" small=True %}
+    {% include 'snippets/toggle/toggle_button.html' with controls_text="more-info" controls_uid=status.id text="More options" icon="dots-three" class="is-small" %}
 </div>
 {% endif %}
 {% endblock %}