From b42d59f1d5e08f25940e7812d914bdca62167fae Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sun, 6 Nov 2022 14:49:03 -0800
Subject: [PATCH] fix groups button display

---
 packages/client/src/pages/messaging/index.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/pages/messaging/index.vue b/packages/client/src/pages/messaging/index.vue
index 88a6ce43d2..aeed257968 100644
--- a/packages/client/src/pages/messaging/index.vue
+++ b/packages/client/src/pages/messaging/index.vue
@@ -25,10 +25,10 @@
 				</swiper-slide>
 				<swiper-slide>
 					<div class="_content yweeujhr groups">
-						<span>
+						<div class="groupsbuttons">
 							<MkButton primary class="start" :link="true" to="/my/groups"><i class="fas fa-people-roof"></i> {{ i18n.ts.manageGroups }}</MkButton>
 							<MkButton primary class="start" @click="startGroup"><i class="fas fa-plus"></i> {{ i18n.ts.startMessaging }}</MkButton>
-						</span>
+						</div>
 						<MkPagination v-slot="{items}" :pagination="groupsPagination">
 							<MkChatPreview v-for="message in items" :key="message.id" class="yweeujhr message _block" :message="message"/>
 						</MkPagination>
@@ -193,5 +193,12 @@ onUnmounted(() => {
 		> .start {
 			margin: 0 auto var(--margin) auto;
 		}
+
+		> .groupsbuttons {
+			max-width: 100%;
+			display: flex;
+			justify-content: center;
+			margin-bottom: 1rem;
+		}
 	}
 	</style>