From 3bb1d1f264b62db676131202003089aa834e10bf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= Date: Fri, 17 May 2019 11:49:39 +0200 Subject: [PATCH] MOBILE-3035 menu: Fix fontawesome main menu icons --- src/components/ion-tabs/ion-tabs.scss | 9 ++++----- src/core/mainmenu/pages/menu/menu.scss | 7 +++++++ 2 files changed, 11 insertions(+), 5 deletions(-) diff --git a/src/components/ion-tabs/ion-tabs.scss b/src/components/ion-tabs/ion-tabs.scss index a4efdc295..48c459042 100644 --- a/src/components/ion-tabs/ion-tabs.scss +++ b/src/components/ion-tabs/ion-tabs.scss @@ -5,14 +5,13 @@ ion-app.app-root core-ion-tabs { z-index: 101; // For some reason, the regular z-index isn't enough with our tabs, use a higher one. .core-ion-tabs-loading { + height: 100%; width: 100%; - display: table; + display: flex; + align-items: center; + justify-content: center; .core-ion-tabs-loading-spinner { - display: table-cell; - text-align: center; - vertical-align: middle; - .spinner circle, .spinner line { stroke: $white; } diff --git a/src/core/mainmenu/pages/menu/menu.scss b/src/core/mainmenu/pages/menu/menu.scss index 5b532fcb8..a5114c071 100644 --- a/src/core/mainmenu/pages/menu/menu.scss +++ b/src/core/mainmenu/pages/menu/menu.scss @@ -1,4 +1,10 @@ ion-app.app-root page-core-mainmenu { + ion-icon { + text-overflow: unset; + overflow: visible; + text-align: center; + } + .ion-md-fa-graduation-cap, .ion-ios-fa-graduation-cap, .ion-ios-fa-graduation-cap-outline, @@ -8,6 +14,7 @@ ion-app.app-root page-core-mainmenu { @extend .fa; font-size: 21px; height: 21px; + } .ion-ios-fa-graduation-cap-outline {