fix: add event popover expanding beyond screen width

src/app/modules/data/chips/add-event-popover.html

@@ -28,7 +28,7 @@
     </ion-item-divider>
     <ion-item-group *ngFor="let frequency of selection.children">
       <ion-item-divider (click)="frequency.click()">
-        <ion-label>{{
+        <ion-label class="ion-text-wrap">{{
           frequency.children[0].item.repeatFrequency
             ? (frequency.children[0].item.repeatFrequency
               | durationLocalized: true
@@ -46,7 +46,10 @@
         *ngFor="let date of frequency.children"
         (click)="date.selected = !date.selected; frequency.notifyChildChanged()"
       >
-        <ion-label *ngIf="date.item.dates.length > 1; else single_event">
+        <ion-label
+          class="ion-text-wrap"
+          *ngIf="date.item.dates.length > 1; else single_event"
+        >
           {{ date.item.duration | amDuration: 'hours' }}
           {{ 'data.chips.add_events.popover.AT' | translate }}
           {{ date.item.dates[0] | amDateFormat: 'HH:mm ddd' }}
@@ -54,7 +57,7 @@
           {{ last(date.item.dates) | amDateFormat: 'll' }}
         </ion-label>
         <ng-template #single_event>
-          <ion-label>
+          <ion-label class="ion-text-wrap">
             {{ date.item.duration | amDuration: 'hours' }}
             {{ 'data.chips.add_events.popover.AT' | translate }}
             {{ last(date.item.dates) | amDateFormat: 'll, HH:mm' }}

src/app/modules/data/chips/add-event-popover.scss

@@ -2,10 +2,6 @@
   cursor: pointer;
 }
 
-ion-card-content {
-  width: fit-content;
-}
-
 .action-buttons {
   float: right;
 }

src/global.scss

@@ -80,4 +80,5 @@ ion-item, ion-card.compact {
 
 .add-event-popover {
   --width: fit-content;
+  --max-width: 95%;
 }