From 3a954ca6ae6d7519f4fe3b6e57741ed722a2e482 Mon Sep 17 00:00:00 2001
From: Hugh Rundle <hugh@hughrundle.net>
Date: Sat, 2 Oct 2021 20:05:19 +1000
Subject: [PATCH] improve responsive layout for groups

---
 bookwyrm/templates/groups/members.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/bookwyrm/templates/groups/members.html b/bookwyrm/templates/groups/members.html
index 52d27f12..e005aba6 100644
--- a/bookwyrm/templates/groups/members.html
+++ b/bookwyrm/templates/groups/members.html
@@ -6,10 +6,10 @@
 <h2 class="title is-5">Group Members</h2>
 <p class="subtitle is-6">{% trans "Members can add and remove books on a group's book lists" %}</p>
 
-<div class="column is-flex is-flex-grow-0">
+<div class="is-multiline is-flex is-flex-grow-0 is-flex-wrap-wrap">
   {% for membership in group.memberships.all %}
   {% with member=membership.user %}
-  <div class="box has-text-centered is-shadowless has-background-white-bis my-0 mx-2">
+  <div class="box has-text-centered is-shadowless has-background-white-bis my-2 mx-2">
       <a href="{{ member.local_path }}" class="has-text-black">
           {% include 'snippets/avatar.html' with user=member large=True %}
           <span title="{{ member.display_name }}" class="is-block is-6 has-text-weight-bold">{{ member.display_name|truncatechars:10 }}</span>