From 41f539ad939cf02945b527969fc7d51222f2fc72 Mon Sep 17 00:00:00 2001
From: Crimekillz <crimekillz@161.sh>
Date: Sun, 12 May 2024 19:17:46 +0200
Subject: [PATCH] Visual fix: Display buttons in same line for channel actions

---
 packages/client/src/pages/messaging/index.vue | 49 ++++++++++---------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/packages/client/src/pages/messaging/index.vue b/packages/client/src/pages/messaging/index.vue
index aa877edd6..ee9e16296 100644
--- a/packages/client/src/pages/messaging/index.vue
+++ b/packages/client/src/pages/messaging/index.vue
@@ -83,30 +83,31 @@
 					</swiper-slide>
 					<swiper-slide>
 						<div class="_content yweeujhr channels">
-							<MkButton
-								primary
-								class="start"
-								v-if="!isMobile"
-								@click="visitAnnouncements"
-								><i class="ph-megaphone-simple ph-bold ph-lg"></i>
-								{{ i18n.ts.announcements }}</MkButton
-							>
-							<MkButton
-								primary
-								class="start"
-								v-if="!isMobile"
-								@click="manageChannel"
-								><i class="ph-gear-fine ph-bold ph-lg"></i>
-								{{ i18n.ts._channel.owned }}</MkButton
-							>
-							<MkButton
-								primary
-								class="start"
-								v-if="!isMobile"
-								@click="createChannel"
-								><i class="ph-plus ph-bold ph-lg"></i>
-								{{ i18n.ts._channel.create }}</MkButton
-							>
+							<div class="groupsbuttons">
+								<MkButton
+									primary
+									class="start"
+									@click="visitAnnouncements"
+									><i class="ph-megaphone-simple ph-bold ph-lg"></i>
+									{{ i18n.ts.announcements }}</MkButton
+								>
+								<MkButton
+									primary
+									class="start"
+									v-if="!isMobile"
+									@click="manageChannel"
+									><i class="ph-gear-fine ph-bold ph-lg"></i>
+									{{ i18n.ts._channel.owned }}</MkButton
+								>
+								<MkButton
+									primary
+									class="start"
+									v-if="!isMobile"
+									@click="createChannel"
+									><i class="ph-plus ph-bold ph-lg"></i>
+									{{ i18n.ts._channel.create }}</MkButton
+								>
+							</div>
 							<MkChannelList
 								key="owned"
 								:pagination="channelsPagination"