From ed6044ad283405a4992f84cb068908f7163a53a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Mon, 21 Jun 2021 12:35:43 +0200
Subject: [PATCH] MOBILE-3320 tabs: Fix badges position

---
 .../components/tabs-outlet/core-tabs-outlet.html | 16 +++++++++-------
 src/core/components/tabs/core-tabs.html          | 16 +++++++++-------
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/core/components/tabs-outlet/core-tabs-outlet.html b/src/core/components/tabs-outlet/core-tabs-outlet.html
index 037c6f8de..750bdbc8d 100644
--- a/src/core/components/tabs-outlet/core-tabs-outlet.html
+++ b/src/core/components/tabs-outlet/core-tabs-outlet.html
@@ -28,13 +28,15 @@
                                 [tabindex]="selected == tab.id ? 0 : -1"
                             >
                                 <ion-icon *ngIf="tab.icon" [name]="tab.icon" aria-hidden="true"></ion-icon>
-                                <ion-label>{{ tab.title | translate}}</ion-label>
-                                <ion-badge *ngIf="tab.badge">
-                                    <span [attr.aria-hidden]="!!tab.badgeA11yText">{{ tab.badge }}</span>
-                                    <span *ngIf="tab.badgeA11yText" class="sr-only">
-                                        {{ tab.badgeA11yText | translate: {$a : tab.badge } }}
-                                    </span>
-                                </ion-badge>
+                                <ion-label>
+                                    {{ tab.title | translate}}
+                                    <ion-badge *ngIf="tab.badge">
+                                        <span [attr.aria-hidden]="!!tab.badgeA11yText">{{ tab.badge }}</span>
+                                        <span *ngIf="tab.badgeA11yText" class="sr-only">
+                                            {{ tab.badgeA11yText | translate: {$a : tab.badge } }}
+                                        </span>
+                                    </ion-badge>
+                                </ion-label>
                             </ion-tab-button>
                         </ion-slide>
                     </ng-container>
diff --git a/src/core/components/tabs/core-tabs.html b/src/core/components/tabs/core-tabs.html
index acc5ce026..e43ca49c3 100644
--- a/src/core/components/tabs/core-tabs.html
+++ b/src/core/components/tabs/core-tabs.html
@@ -27,13 +27,15 @@
                             [tabindex]="selected == tab.id ? 0 : -1"
                         >
                             <ion-icon *ngIf="tab.icon" [name]="tab.icon" aria-hidden="true"></ion-icon>
-                            <ion-label>{{ tab.title | translate}}</ion-label>
-                            <ion-badge *ngIf="tab.badge">
-                                <span [attr.aria-hidden]="!!tab.badgeA11yText">{{ tab.badge }}</span>
-                                <span *ngIf="tab.badgeA11yText" class="sr-only">
-                                    {{ tab.badgeA11yText | translate: {$a : tab.badge } }}
-                                </span>
-                            </ion-badge>
+                            <ion-label>
+                                {{ tab.title | translate}}
+                                <ion-badge *ngIf="tab.badge">
+                                    <span [attr.aria-hidden]="!!tab.badgeA11yText">{{ tab.badge }}</span>
+                                    <span *ngIf="tab.badgeA11yText" class="sr-only">
+                                        {{ tab.badgeA11yText | translate: {$a : tab.badge } }}
+                                    </span>
+                                </ion-badge>
+                            </ion-label>
                         </ion-tab-button>
                     </ion-slide>
                 </ng-container>