FIX #17150 TIME 0:35 align frequency message + fix css

src/frontend/app/profile/profile.component.html

@@ -212,20 +212,20 @@
             <ion-item lines="none">
                 <ion-label color="secondary">{{'lang.periodicNotification' | translate}}</ion-label>
             </ion-item>
-            <div *ngIf="periodicNotifications.length > 0; else elseTemplate">
-                <ion-item *ngFor="let notification of periodicNotifications">
+            <div *ngFor="let notification of periodicNotifications">
+                <ion-item lines="none">
                         <ion-label>{{ notification.label }}</ion-label>
                         <ion-toggle slot="start" name="periodicNotification" color="primary" style="cursor: pointer"
                             [checked]="notification.checked" (ionChange)="notification.checked = !notification.checked" [title]="notification.label">
                         </ion-toggle>
-                        <ion-note slot="end" class="notifFrequency" [innerHTML]="notification.frequency"></ion-note>
                 </ion-item>
-            </div>
-            <ng-template #elseTemplate>
                 <ion-item>
-                    <ion-label color="primary" style="font-style: italic;">{{ 'lang.noScheduledNotif' | translate }}</ion-label>
+                    <ion-note class="notifFrequency" [innerHTML]="notification.frequency"></ion-note>
                 </ion-item>
-            </ng-template>
+            </div>
+            <ion-item *ngIf="periodicNotifications.length === 0">
+                <ion-label color="primary" style="font-style: italic;">{{ 'lang.noScheduledNotif' | translate }}</ion-label>
+            </ion-item>
         </ng-container>
     </ion-content>
 </form>

src/frontend/app/profile/profile.component.scss

@@ -196,8 +196,8 @@ legend {
 }
 
 .notifFrequency {
-    font-size: 14px; 
+    font-size: 13px; 
     font-family: 'cursive';
     position: absolute; 
-    left: 40%;
+    left: 0px;
 }
\ No newline at end of file