bug: wrong margin in slotted ion-label in RTL and ios and Ionic angular 5.0 #20653
Description
Bug Report
Ionic version:
[x] 5.x
Current behavior:
ion-label has left margin=8px and right margin=0
Expected behavior:
ion-label should have right margin=8px to seperate it from the ion-icon next to it
Steps to reproduce:
1- generate a new project using the default 'list' template
2- add this to index.html <html lang="ar" dir="rtl">
3- run project in ios mode
Related code:
<ion-list lines="none">
<ion-list-header>
<ion-label>Resources</ion-label>
</ion-list-header>
<ion-item>
<ion-icon slot="start" color="medium" name="book"></ion-icon>
<ion-label>Ionic Documentation</ion-label>
</ion-item>
</ion-list>
Other information:
Ionic info:
Ionic:
Ionic CLI : 6.1.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.0.1
@angular-devkit/build-angular : 0.900.3
@angular-devkit/schematics : 9.0.3
@angular/cli : 9.0.3
@ionic/angular-toolkit : 2.1.2
Cordova:
Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.1.0, ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 12 other plugins)
Utility:
cordova-res : 0.9.0
native-run : 0.3.0
System:
ios-deploy : 1.10.0
ios-sim : 8.0.2
NodeJS : v12.14.1 (/usr/local/bin/node)
npm : 6.13.4
OS : macOS Mojave
Xcode : Xcode 11.3 Build version 11C29
