From 18b483ee271ce788358e43e0cd9c4470b4951a20 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sun, 6 Nov 2022 19:42:01 -0800
Subject: [PATCH] even MORE fixes

---
 package.json                                      | 2 +-
 packages/client/src/components/MkMenu.vue         | 8 ++++++--
 packages/client/src/components/MkNoteDetailed.vue | 2 +-
 packages/client/src/ui/_common_/navbar.vue        | 5 +++++
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 848f9272d9..fe82bf3cb7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "12.119.0-calc.8-b.6",
+	"version": "12.119.0-calc.8-b.7",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/components/MkMenu.vue b/packages/client/src/components/MkMenu.vue
index 79757f4980..78c1ff2238 100644
--- a/packages/client/src/components/MkMenu.vue
+++ b/packages/client/src/components/MkMenu.vue
@@ -56,7 +56,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, nextTick, onBeforeUnmount, onMounted, onUnmounted, Ref, ref, watch } from 'vue';
+import { computed, menu, defineAsyncComponent, nextTick, onBeforeUnmount, onMounted, onUnmounted, Ref, ref, watch } from 'vue';
 import { focusPrev, focusNext } from '@/scripts/focus';
 import FormSwitch from '@/components/form/switch.vue';
 import { MenuItem, InnerMenuItem, MenuPending, MenuAction } from '@/types/menu';
@@ -84,7 +84,7 @@ let items2: InnerMenuItem[] = $ref([]);
 
 let child = $ref<InstanceType<typeof XChild>>();
 
-let keymap = $computed(() => ({
+let keymap = computed(() => ({
 	'up|k|shift+tab': focusUp,
 	'down|j|tab': focusDown,
 	'esc': close,
@@ -228,6 +228,10 @@ onBeforeUnmount(() => {
 			position: relative;
 		}
 
+		> &.icon {
+			transform: translateY(0em);
+		}
+
 		&:not(:disabled):hover {
 			color: var(--accent);
 			text-decoration: none;
diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index 003c415265..c301fed6cd 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -179,7 +179,7 @@ const starButton = ref<InstanceType<typeof XStarButton>>();
 const renoteButton = ref<InstanceType<typeof XRenoteButton>>();
 const renoteTime = ref<HTMLElement>();
 const reactButton = ref<HTMLElement>();
-let appearNote = $computed(() => isRenote ? note.renote as misskey.entities.Note : note);
+let appearNote = computed(() => isRenote ? note.renote as misskey.entities.Note : note);
 const isMyRenote = $i && ($i.id === note.userId);
 const showContent = ref(false);
 const isDeleted = ref(false);
diff --git a/packages/client/src/ui/_common_/navbar.vue b/packages/client/src/ui/_common_/navbar.vue
index 4a187c71ad..29af163aa5 100644
--- a/packages/client/src/ui/_common_/navbar.vue
+++ b/packages/client/src/ui/_common_/navbar.vue
@@ -290,6 +290,7 @@ function more(ev: MouseEvent) {
 						position: relative;
 						left: 3rem;
 						color: var(--fgOnAccent);
+						transform: translateY(0em)
 					}
 
 					> .text {
@@ -352,6 +353,7 @@ function more(ev: MouseEvent) {
 						position: relative;
 						width: 32px;
 						margin-right: 8px;
+						transform: translateY(-0.15em);
 					}
 
 					> .indicator {
@@ -425,6 +427,7 @@ function more(ev: MouseEvent) {
 						display: inline-block;
 						width: 40px;
 						aspect-ratio: 1;
+						transform: translateY(0em);
 					}
 				}
 			}
@@ -469,6 +472,7 @@ function more(ev: MouseEvent) {
 					> .icon {
 						position: relative;
 						color: var(--fgOnAccent);
+						transform: translate(0.15em, 0em)
 					}
 
 					> .text {
@@ -511,6 +515,7 @@ function more(ev: MouseEvent) {
 						display: block;
 						margin: 0 auto;
 						opacity: 0.7;
+						transform: translateY(0em);
 					}
 
 					> .text {