improve new group member adding

The add-members page now looks almost identical to the group
page and is clearer.

bookwyrm/templates/groups/group.html

@@ -8,9 +8,12 @@
 <div class="columns mt-3">
     <section class="column is-three-quarters">
 
+        {% block searchresults %}
+        {% endblock %}
+
         {% include "groups/members.html" %}
 
-        <h2 class="heading">Lists</h2>
+        <h2 class="title is-5">Lists</h2>
         {% if not lists %}
         <p>{% trans "This group has no lists" %}</p>
         {% else %}
@@ -57,5 +60,24 @@
         {% endif %}
         {% include "snippets/pagination.html" with page=items %}
     </section>
+
+    <section class="column is-one-quarter">
+      <div class="block">
+          <h2 class="title is-5">Find new members</h2>
+          <form class="field has-addons" method="get" action="{% url 'group-find-users' group.id %}">
+              <div class="control">
+                  <input type="text" name="query" value="{{ request.GET.query }}" class="input" placeholder="{% trans 'Search to add a user' %}" aria-label="{% trans 'Search to add a user' %}">
+              </div>
+              <div class="control">
+                  <button class="button" type="submit">
+                      <span class="icon icon-search" title="{% trans 'Search' %}">
+                          <span class="is-sr-only">{% trans "Search" %}</span>
+                      </span>
+                  </button>
+              </div>
+          </form>
+      </div>
+    </section>
+
 </div>
 {% endblock %}