From b335b5123a65bbf0a5153dc67de46174db28a7e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Tue, 8 Jun 2021 15:59:20 +0200
Subject: [PATCH] MOBILE-3320 core: Fix iFrame help button styles

---
 src/core/components/iframe/core-iframe.html | 4 ++--
 src/core/directives/format-text.ts          | 5 ++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/core/components/iframe/core-iframe.html b/src/core/components/iframe/core-iframe.html
index dc4d5a01d..c8cf72ddc 100644
--- a/src/core/components/iframe/core-iframe.html
+++ b/src/core/components/iframe/core-iframe.html
@@ -10,9 +10,9 @@
         color="dark" expand="block" fill="clear"
         (click)="openIframeHelpModal()"
         aria-haspopup="dialog"
-        class="core-button-as-link"
+        class="core-button-as-link core-iframe-help"
     >
-        <ion-label>{{ 'core.iframehelp' | translate }}</ion-label>
+        {{ 'core.iframehelp' | translate }}
     </ion-button>
 
     <span class="core-loading-spinner">
diff --git a/src/core/directives/format-text.ts b/src/core/directives/format-text.ts
index adb0641a3..84c15bbe8 100644
--- a/src/core/directives/format-text.ts
+++ b/src/core/directives/format-text.ts
@@ -799,13 +799,12 @@ export class CoreFormatTextDirective implements OnChanges {
     protected addIframeHelp(iframe: HTMLIFrameElement): void {
         const helpDiv = document.createElement('div');
 
-        helpDiv.classList.add('ion-text-center');
-        helpDiv.classList.add('ion-text-wrap');
-        helpDiv.classList.add('core-iframe-help');
+        helpDiv.classList.add('ion-text-center', 'ion-text-wrap');
 
         const button = document.createElement('ion-button');
         button.setAttribute('fill', 'clear');
         button.setAttribute('aria-haspopup', 'dialog');
+        button.classList.add('core-iframe-help', 'core-button-as-link');
         button.innerHTML = Translate.instant('core.iframehelp');
 
         button.addEventListener('click', () => {