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 b9373c82ac6d2ac2d80c9fcbb1cacdcd8bc362cb..debf682081bfd02958ccd7076fef4cfd9e56d1c2 100644 (file)
--- 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);
                }
        }
 }