Plugin ngx fonticon with text in button, text gets cut off. [iOS only]


#1

The text seems to be cut off.

<Button text="{{‘fa-facebook’ | fonticon}} Inloggen Facebook" class=“fa btn btn-primary facebookButton” (tap)=“loginFacebook()”>

Package.json

    },
    "tns-android": {
      "version": "2.5.0"
    }
  },
  "dependencies": {
    "@angular/common": "~2.4.3",
    "@angular/compiler": "~2.4.3",
    "@angular/core": "~2.4.3",
    "@angular/forms": "~2.4.3",
    "@angular/http": "~2.4.3",
    "@angular/platform-browser": "~2.4.3",
    "@angular/platform-browser-dynamic": "~2.4.3",
    "@angular/router": "~3.4.3",
    "nativescript-angular": "1.4.0",
    "nativescript-angular-snapshot": "1.4.0-5.5.372.32",
    "nativescript-email": "^1.4.0",
    "nativescript-fancyalert": "^1.1.2",
    "nativescript-floatingactionbutton": "^2.2.7",
    "nativescript-fresco": "^1.0.11",
    "nativescript-insomnia": "^1.2.0",
    "nativescript-iqkeyboardmanager": "^1.0.1",
    "nativescript-loading-indicator": "^2.2.2",
    "nativescript-ngx-fonticon": "^2.0.0",
    "nativescript-plugin-firebase": "3.9.2",
    "nativescript-social-share": "^1.3.2",
    "nativescript-telerik-ui": "1.6.0",
    "nativescript-theme-core": "^1.0.2",
    "nativescript-videoplayer": "^2.4.0",
    "reflect-metadata": "~0.1.8",
    "rxjs": "~5.0.1",
    "tns-core-modules": "2.5.0"
  },
  "devDependencies": {
    "babel-traverse": "6.10.4",
    "babel-types": "6.10.2",
    "babylon": "6.8.1",
    "lazy": "1.0.11",
    "nativescript-dev-android-snapshot": "^0.*.*",
    "nativescript-dev-typescript": "^0.3.1",
    "typescript": "2.1.5",
    "zone.js": "^0.6.21"
  }```

Thanks!