ui path to iniate blocks

bookwyrm/templates/snippets/block_button.html

@@ -0,0 +1,11 @@
+{% if not user in request.user.blocks.all %}
+<form name="blocks" method="post" action="/block/{{ user.id }}">
+    {% csrf_token %}
+    <button class="button is-danger is-light is-small is-fullwidth" type="submit">Block</button>
+</form>
+{% else %}
+<form name="unblocks" method="post" action="/unblock/{{ user.id }}">
+    {% csrf_token %}
+    <button class="button is-small is-fullwidth" type="submit">Un-block</button>
+</form>
+{% endif %}

bookwyrm/templates/snippets/status_options.html

@@ -17,14 +17,9 @@
         </button>
     </form>
 </li>
-<li><hr class="navbar-divider"></li>
-{% endif %}
+{% else %}
 <li role="menuitem">
-    <form class="dropdown-item pt-0 pb-0" name="delete-{{status.id}}" action="/delete-status/{{ status.id }}" method="post">
-        {% csrf_token %}
-        <button class="button is-danger is-light is-fullwidth is-small" type="submit">
-            Block @{{ status.user|username }}
-        </button>
-    </form>
+    {% include 'snippets/block_button.html' with user=status.user %}
 </li>
+{% endif %}
 {% endblock %}

bookwyrm/templates/snippets/user_header.html

@@ -35,11 +35,14 @@
         </div>
     </div>
     {% if not is_self %}
-    {% include 'snippets/follow_button.html' with user=user %}
-    <form name="blocks" method="post" action="/block/{{ user.id }}">
-        {% csrf_token %}
-        <button type="submit">Block</button>
-    </form>
+    <div class="field has-addons">
+        <div class="control">
+            {% include 'snippets/follow_button.html' with user=user %}
+        </div>
+        <div class="control">
+            {% include 'snippets/user_options.html' with user=user class="is-small" %}
+        </div>
+    </div>
     {% endif %}
 
     {% if is_self and user.follower_requests.all %}

bookwyrm/templates/snippets/user_options.html

@@ -0,0 +1,14 @@
+{% extends 'snippets/components/dropdown.html' %}
+{% load bookwyrm_tags %}
+
+{% block dropdown-trigger %}
+<span class="icon icon-dots-three">
+    <span class="is-sr-only">More options</span>
+</span>
+{% endblock %}
+
+{% block dropdown-list %}
+<li role="menuitem">
+    {% include 'snippets/block_button.html' with user=user %}
+</li>
+{% endblock %}