From e2c82116ae1b2f46842f17a373289fdb7360e1b9 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Wed, 15 Mar 2023 10:43:35 +0100
Subject: [PATCH] feat(webapp): GroupList shows 2 GroupItem per row

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

diff --git a/webapp/components/Group/GroupList.vue b/webapp/components/Group/GroupList.vue
index 7618e5b57..93ad6e2b0 100644
--- a/webapp/components/Group/GroupList.vue
+++ b/webapp/components/Group/GroupList.vue
@@ -1,9 +1,12 @@
 <template>
-  <div class="group-list">
-    <ds-space margin-bottom="small" v-for="group in groups" :key="group.id">
+  <ds-flex class="group-list">
+    <ds-flex-item 
+      v-for="group in groups"
+      :key="group.id" 
+      :width="{ base: '47%' }">
       <group-teaser :group="group" />
-    </ds-space>
-  </div>
+    </ds-flex-item>
+  </ds-flex>
 </template>
 
 <script>
@@ -19,3 +22,8 @@ export default {
   },
 }
 </script>
+<style lang="scss">
+.ds-flex-item {
+  margin: 0em 1em 2em 1em;
+}
+</style>