From: Grigorii K. Shartsev <me@shgk.me>
Date: Thu, 30 Nov 2023 09:53:04 +0000 (+0100)
Subject: fix(core): app icon alignment in app menu
X-Git-Tag: v29.0.0beta1~745^2~1
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=e02db1fb48daf17f5eab2aa152500ed6b286c28d;p=nextcloud-server.git

fix(core): app icon alignment in app menu

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---

diff --git a/core/src/components/AppMenu.vue b/core/src/components/AppMenu.vue
index b9373c82ac6..debf682081b 100644
--- a/core/src/components/AppMenu.vue
+++ b/core/src/components/AppMenu.vue
@@ -270,6 +270,10 @@ $header-icon-size: 20px;
 	.app-icon {
 		position: relative;
 		height: 44px;
+		width: 48px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
 		/* Icons are bright so invert them if bright color theme == bright background is used */
 		filter: var(--background-invert-if-bright);
 
@@ -280,7 +284,6 @@ $header-icon-size: 20px;
 		img {
 			width: $header-icon-size;
 			height: $header-icon-size;
-			padding: calc((50px - $header-icon-size) / 2);
 		}
 	}
 }