fix: modals not reacting after several uses

src/app/modules/map/item/map-item.component.html

@@ -19,17 +19,6 @@
       [item]="$any(item)"
       id="show-more"
     ></stapps-data-list-item>
-    <ion-modal
-      trigger="show-more"
-      [presentingElement]="routerOutlet.nativeEl"
-      canDismiss="true"
-      class="modal-large"
-    >
-      <ng-template>
-        <app-map-single-modal [item]="item" style="height: 100%">
-        </app-map-single-modal>
-      </ng-template>
-    </ion-modal>
     <stapps-skeleton-list-item *ngIf="!item"></stapps-skeleton-list-item>
   </ion-card-header>
   <ion-card-content>
@@ -39,19 +28,12 @@
         {{ address.streetAddress }}, {{ address.addressLocality }}
       </span>
     </ion-note>
-    <ion-button size="small" id="show-more-button" fill="clear">{{
-      'map.page.buttons.MORE' | translate
-    }}</ion-button>
-    <ion-modal
-      trigger="show-more-button"
-      canDismiss="true"
-      [presentingElement]="routerOutlet.nativeEl"
-      class="modal-large"
+    <ion-button
+      size="small"
+      class="show-more-button"
+      fill="clear"
+      [routerLink]="['/data-detail', item.uid]"
+      >{{ 'map.page.buttons.MORE' | translate }}</ion-button
     >
-      <ng-template>
-        <app-map-single-modal [item]="item" style="height: 100%">
-        </app-map-single-modal>
-      </ng-template>
-    </ion-modal>
   </ion-card-content>
 </ion-card>

src/app/modules/map/item/map-item.component.scss

@@ -47,7 +47,7 @@
       display: flex;
       flex-direction: row;
 
-      #show-more-button {
+      .show-more-button {
         text-transform: uppercase;
         margin-left: auto;
       }

src/app/modules/map/page/map-page.component.ts

@@ -304,6 +304,8 @@ export class MapPageComponent {
             this.modalController.dismiss(),
             this.showItem(item.uid),
           ]);
+        } else {
+          void this.router.navigate(['/data-detail', item.uid]);
         }
       }),
       this.positionService.watchCurrentLocation({maximumAge: 3000}).subscribe({