From bfc452658aabf9ea819a88bd802cb37b7dbbc537 Mon Sep 17 00:00:00 2001
From: Jeder <jeder+git@jeder.pl>
Date: Mon, 4 Sep 2023 00:11:28 +0200
Subject: [PATCH] Change item alignment

---
 packages/client/src/components/MkMenu.vue | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/client/src/components/MkMenu.vue b/packages/client/src/components/MkMenu.vue
index 425cc5cc1..a7a593114 100644
--- a/packages/client/src/components/MkMenu.vue
+++ b/packages/client/src/components/MkMenu.vue
@@ -140,11 +140,12 @@
 						<span :style="item.textStyle || ''">{{
 							item.text
 						}}</span>
-						<span class="caret"
-							><i
+						<i
 								class="ph-caret-right ph-bold ph-lg ph-fw ph-lg"
+								style="margin-left: auto;
+											 margin-right: unset;"
 							></i
-						></span>
+						>
 					</button>
 					<button
 						v-else-if="!item.hidden"
@@ -352,8 +353,9 @@ onBeforeUnmount(() => {
 	}
 
 	> .item {
-		display: block;
+		display: flex;
 		position: relative;
+		align-items: center;
 		padding: 6px 16px;
 		width: 100%;
 		box-sizing: border-box;
@@ -472,10 +474,6 @@ onBeforeUnmount(() => {
 			align-items: center;
 			cursor: default;
 
-			> .caret {
-				margin-left: auto;
-			}
-
 			&.childShowing {
 				color: var(--accent);
 				text-decoration: none;