bug: ion-note incorrect location

Bug Report

Ionic version:

[x] 4.x

Current behavior:

In Google Chrome (version 77.0.3865.120),When ion-label and ion-note coexist, if ion-label is displayed in multiple lines, the ion-note display will be offset. This problem does not exist in ionic3.

Expected behavior: Vertical alignment

Steps to reproduce:

Related code:

https://github.com/lee-vic/ionic-demo.git

<ion-content>
  <ion-list>
    <ion-item detail>
      <ion-label>
        <h2>Title</h2>
        <p>Details</p>
      </ion-label>
      <ion-note slot="end">Note</ion-note>
    </ion-item>
  </ion-list>
</ion-content>

Other information:

Ionic info:

Ionic:

   Ionic CLI                     : 5.2.3 (C:\Users\lee\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.11.1
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.0.0

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v10.16.1 (C:\Program Files\nodejs\node.exe)
   npm    : 6.9.0
   OS     : Windows 7

[seravifer]

I think I have the solution, I will send a PR.

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.