fixed prural setting

Author: HishamHR5

src/app/pages/settings/settings.component.html

@@ -174,7 +174,7 @@ <h2>Terminology</h2>
             [(ngModel)]="customTeamLabel"
             (ngModelChange)="onTeamLabelChange()" />
         </mat-form-field>
-        <mat-form-field appearance="fill">
+        <mat-form-field appearance="fill" floatLabel="always">
           <mat-label>Team (plural)</mat-label>
           <input
             matInput
@@ -194,7 +194,7 @@ <h2>Terminology</h2>
             [(ngModel)]="customGroupLabel"
             (ngModelChange)="onGroupLabelChange()" />
         </mat-form-field>
-        <mat-form-field appearance="fill">
+        <mat-form-field appearance="fill" floatLabel="always">
           <mat-label>Group (plural)</mat-label>
           <input
             matInput

src/app/pages/settings/settings.component.ts

@@ -155,6 +155,15 @@ export class SettingsComponent implements OnInit {
     this.customGroupLabel = this.settings.getGroupLabel();
     this.customGroupLabelPlural = this.settings.getGroupLabelPlural();
 
+    // If the plural is just the auto-generated default (singular + 's'),
+    // leave the field empty so the dynamic placeholder shows instead.
+    if (this.customTeamLabelPlural === this.customTeamLabel + 's') {
+      this.customTeamLabelPlural = '';
+    }
+    if (this.customGroupLabelPlural === this.customGroupLabel + 's') {
+      this.customGroupLabelPlural = '';
+    }
+
     // Init dates
     let date: Date = new Date();
     date = new Date(date.getFullYear(), 0, 31); // 31 Jan current year