From 80dbf4df52ddf7b33ac193cc2b2ac8d5878fd74b Mon Sep 17 00:00:00 2001
From: skjnldsv <skjnldsv@protonmail.com>
Date: Wed, 31 Jul 2024 18:22:57 +0200
Subject: [PATCH] fix(core): app menu notification should be in the top right

Signed-off-by: skjnldsv <skjnldsv@protonmail.com>
---
 core/src/components/AppMenuIcon.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/core/src/components/AppMenuIcon.vue b/core/src/components/AppMenuIcon.vue
index ced3bf8eed307..a99b9531c6a8a 100644
--- a/core/src/components/AppMenuIcon.vue
+++ b/core/src/components/AppMenuIcon.vue
@@ -9,7 +9,7 @@
 		:aria-hidden="ariaHidden"
 		:aria-label="ariaLabel">
 		<img class="app-menu-icon__icon" :src="app.icon" alt="">
-		<IconDot v-if="app.unread" class="app-menu-icon__unread" :size="10" />
+		<IconDot v-if="!app.unread" class="app-menu-icon__unread" :size="10" />
 	</span>
 </template>
 
@@ -56,8 +56,9 @@ $unread-indicator-size: 10px;
 	&__unread {
 		color: var(--color-error);
 		position: absolute;
-		inset-block-end: calc($unread-indicator-size / -2.5);
-		inset-inline-end: calc($unread-indicator-size / -2.5);
+		// Align the dot to the top right corner of the icon
+		inset-block-end: calc($icon-size + ($unread-indicator-size / -2));
+		inset-inline-end: calc($unread-indicator-size / -2);
 		transition: all 0.1s ease-in-out;
 	}
 }