From 83623eed54bf620d302837c0971639d7c1660fb4 Mon Sep 17 00:00:00 2001
From: Spectralitree <72747870+Spectralitree@users.noreply.github.com>
Date: Wed, 29 Dec 2021 10:23:46 +0100
Subject: [PATCH] feat: more easily readable group member lists

---
 src/lib/group/MemberEdit.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/group/MemberEdit.svelte b/src/lib/group/MemberEdit.svelte
index 6bd000ab..e4cd6ef1 100644
--- a/src/lib/group/MemberEdit.svelte
+++ b/src/lib/group/MemberEdit.svelte
@@ -72,7 +72,7 @@ function memberListRenderer(item: any) {
         {#if finalMemberList.length > 0}
         <ListGroup>
             {#each finalMemberList as member, index (member.id)}
-            <ListGroupItem><span bind:this={listGroupElements[index]}><b>{member.name}</b> (<code>{member.id}</code>) {member.display_name ? `${member.display_name}` : ""}</span></ListGroupItem>
+            <ListGroupItem class="d-flex"><span bind:this={listGroupElements[index]} class="d-flex justify-content-between flex-grow-1"><span><b>{member.name}</b> (<code>{member.id}</code>)</span> <span>{member.display_name ? `${member.display_name}` : ""}</span></span></ListGroupItem>
             {/each}
         </ListGroup>
         {:else}