From 3c4d4bb8ebc8a7284c327d8c500feabea92e6a0f Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 18 Oct 2022 14:43:29 +0200
Subject: [PATCH] style flex find user per slug

---
 webapp/components/Group/GroupMember.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/webapp/components/Group/GroupMember.vue b/webapp/components/Group/GroupMember.vue
index 97ba73b13..cb181a1eb 100644
--- a/webapp/components/Group/GroupMember.vue
+++ b/webapp/components/Group/GroupMember.vue
@@ -20,10 +20,18 @@
       </ds-form>
       <div v-if="noSlug">Kein User mit diesem Slug gefunden!</div>
       <div v-if="slugUser.length > 0">
-        {{slugUser}}
-        <ds-button size="small" primary @click="addMemberToGroup(slugUser)">
-          {{ $t('group.addMemberToGroup') }}
-        </ds-button>
+        <ds-space margin="base" />
+        <ds-flex>
+          <ds-flex-item><ds-avatar online size="small" :name="slugUser[0].name"></ds-avatar></ds-flex-item>
+          <ds-flex-item>{{ slugUser[0].name }}</ds-flex-item>
+          <ds-flex-item>{{ slugUser[0].slug }}</ds-flex-item>
+          <ds-flex-item>
+            <ds-button size="small" primary @click="addMemberToGroup(slugUser)">
+              {{ $t('group.addMemberToGroup') }}
+            </ds-button>
+          </ds-flex-item>
+        </ds-flex>
+        <ds-space margin="base" />
       </div>
     </base-card>
     <ds-table :fields="tableFields" :data="groupMembers" condensed>