From c6e5b33970c37246f87671e9cb054a83fc2258f0 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Sun, 17 Jan 2021 10:40:40 -0800
Subject: [PATCH] Uses css has-addons for shelve button

---
 .../templates/snippets/shelve_button.html     | 44 ++++++++++---------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/bookwyrm/templates/snippets/shelve_button.html b/bookwyrm/templates/snippets/shelve_button.html
index 22c382b5..35b860c6 100644
--- a/bookwyrm/templates/snippets/shelve_button.html
+++ b/bookwyrm/templates/snippets/shelve_button.html
@@ -3,29 +3,31 @@
 
 {% with book.id|uuid as uuid %}
 {% active_shelf book as active_shelf %}
-<div class="field is-grouped">
-    {% if switch_mode and active_shelf.book != book %}
-    {% include 'snippets/switch_edition_button.html' with edition=book size='is-small' %}
-    {% else %}
+<div class="field has-addons">
+    <div class="control">
+        {% if switch_mode and active_shelf.book != book %}
+        {% include 'snippets/switch_edition_button.html' with edition=book size='is-small' %}
+        {% else %}
 
-    {% if active_shelf.shelf.identifier == 'read' %}
-    <button class="button is-small" disabled>
-        <span>Read</span> <span class="icon icon-check"></span>
-    </button>
-    {% elif active_shelf.shelf.identifier == 'reading' %}
-    {% include 'snippets/toggle/toggle_button.html' with class="is-small" text="I'm done!" controls_text="finish-reading" controls_uid=uuid %}
-    {% elif active_shelf.shelf.identifier == 'to-read' %}
-    {% include 'snippets/toggle/toggle_button.html' with class="is-small" text="Start reading" controls_text="start-reading" controls_uid=uuid %}
-    {% else %}
-    <form name="shelve" action="/shelve/" method="post">
-        {% csrf_token %}
-        <input type="hidden" name="book" value="{{ active_shelf.book.id }}">
-        <input type="hidden" name="shelf" value="to-read">
-        <button class="button is-small" type="submit">Want to read</button>
-    </form>
-    {% endif %}
+        {% if active_shelf.shelf.identifier == 'read' %}
+        <button class="button is-small" disabled>
+            <span>Read</span> <span class="icon icon-check"></span>
+        </button>
+        {% elif active_shelf.shelf.identifier == 'reading' %}
+        {% include 'snippets/toggle/toggle_button.html' with class="is-small" text="I'm done!" controls_text="finish-reading" controls_uid=uuid %}
+        {% elif active_shelf.shelf.identifier == 'to-read' %}
+        {% include 'snippets/toggle/toggle_button.html' with class="is-small" text="Start reading" controls_text="start-reading" controls_uid=uuid %}
+        {% else %}
+        <form name="shelve" action="/shelve/" method="post">
+            {% csrf_token %}
+            <input type="hidden" name="book" value="{{ active_shelf.book.id }}">
+            <input type="hidden" name="shelf" value="to-read">
+            <button class="button is-small" type="submit">Want to read</button>
+        </form>
+        {% endif %}
+    </div>
 
-    <div class="dropdown">
+    <div class="dropdown control">
         <div class="dropdown-trigger">
             <label for="shelf-select-dropdown-{{ uuid }}-toggle" role="button" aria-expanded="false" class="pulldown-menu" tabindex="0" aria-haspopup="true" aria-controls="shelf-select-{{ uuid }}">
                 <div class="button is-small">