fix(settings): wrap text on settings page

fixes #7

src/app/settings/settings.page.html

@@ -12,18 +12,18 @@
         <h3>Automatic Updates</h3>
       </ion-list-header>
       <ion-item *ngIf="updateService.updateAvailable" color="danger">
-        <ion-label>You have an update available.</ion-label>
+        <ion-label class="ion-text-wrap">You have an update available.</ion-label>
         <ion-button slot="end" color="light" (click)="updateService.reload()">Reload</ion-button>
       </ion-item>
       <ion-item>
-        <ion-label>Receive beta updates?</ion-label>
+        <ion-label class="ion-text-wrap">Receive beta updates?</ion-label>
         <ion-toggle (ionChange)="setBeta()" [(ngModel)]="betaEnabled" slot="end"></ion-toggle>
       </ion-item>
       <ion-list-header lines="full">
         <h3>Disable Sleep</h3>
       </ion-list-header>
       <ion-item>
-        <ion-label>Disable sleep while games are active?</ion-label>
+        <ion-label class="ion-text-wrap">Disable sleep while games are active?</ion-label>
         <ion-toggle (ionChange)="setDisableSleep()" [(ngModel)]="disableSleep" slot="end"></ion-toggle>
       </ion-item>
     </span>
@@ -35,7 +35,7 @@ <h3>Teams</h3>
         <h4>Choose Your Team:</h4>
         <ion-note>Your team is first in the live feed.</ion-note>
       </ion-label>
-      <ion-select (ionChange)="setFavoriteTeam($event.detail)" interface="action-sheet" [interfaceOptions]="teamOptions" okText="Choose" cancelText="Cancel" [(ngModel)]="favoriteTeam">
+      <ion-select class="ion-text-wrap" (ionChange)="setFavoriteTeam($event.detail)" interface="action-sheet" [interfaceOptions]="teamOptions" okText="Choose" cancelText="Cancel" [(ngModel)]="favoriteTeam">
         <ion-select-option *ngFor="let team of teams" [value]="team.id">{{team.fullName}}</ion-select-option>
       </ion-select>
     </ion-item>