fix: give the team selector a whole row

RangerRick · Sep 17, 2020 · 485d4f0 · 485d4f0
1 parent 74ca80f
commit 485d4f0
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/app/settings/settings.page.html b/src/app/settings/settings.page.html
@@ -43,11 +43,13 @@ <h3>Teams</h3>
     </ion-list-header>
     <ion-item id="bl-team-selector">
       <ion-label class="ion-text-wrap">
-        <ion-label slot="start">
+        <ion-label>
           <h4>Choose Your Team:</h4>
         </ion-label>
         <ion-note>Your team is first in the live feed.</ion-note>
       </ion-label>
+    </ion-item>
+    <ion-item>
       <ion-select class="ion-text-wrap" (ionChange)="setFavoriteTeam($event.detail)" interface="action-sheet" [interfaceOptions]="teamOptions" okText="Choose" cancelText="Cancel" [value]="current.favoriteTeam" [(ngModel)]="current.favoriteTeam">
         <ion-select-option *ngFor="let team of teams; trackBy: id" [value]="team.id">{{team.fullName}}</ion-select-option>
       </ion-select>