fix(responsive): fixed bug (#500)

Author: nsemets

src/app/features/metadata/dialogs/contributors-dialog/contributors-dialog.component.html

@@ -1,7 +1,5 @@
 <div class="contributors-dialog flex flex-column gap-4">
-  <div class="flex justify-content-between align-items-center">
-    <h3>{{ 'project.contributors.addContributor' | translate }}</h3>
-
+  <div class="flex justify-content-end align-items-center">
     @if (isCurrentUserAdminContributor()) {
       <p-button
         [label]="'project.contributors.addContributor' | translate"

src/app/features/metadata/metadata.component.ts

@@ -326,24 +326,24 @@ export class MetadataComponent implements OnInit {
   }
 
   openEditContributorDialog(): void {
-    const dialogRef = this.dialogService.open(ContributorsDialogComponent, {
-      width: '800px',
-      header: this.translateService.instant('project.metadata.contributors.editContributors'),
-      focusOnShow: false,
-      closeOnEscape: true,
-      modal: true,
-      closable: true,
-      data: {
-        resourceId: this.resourceId,
-        resourceType: this.resourceType(),
-      },
-    });
-    dialogRef.onClose.pipe(filter((result) => !!result)).subscribe({
-      next: () => {
+    this.dialogService
+      .open(ContributorsDialogComponent, {
+        header: this.translateService.instant('project.metadata.contributors.editContributors'),
+        focusOnShow: false,
+        closeOnEscape: true,
+        modal: true,
+        closable: true,
+        breakpoints: { '768px': '95vw' },
+        data: {
+          resourceId: this.resourceId,
+          resourceType: this.resourceType(),
+        },
+      })
+      .onClose.pipe(filter((result) => !!result))
+      .subscribe(() => {
         this.actions.getResourceMetadata(this.resourceId, this.resourceType());
         this.toastService.showSuccess('project.metadata.contributors.updateSucceed');
-      },
-    });
+      });
   }
 
   openEditTitleDialog(): void {

src/app/shared/components/resource-card/resource-card.component.html

@@ -48,7 +48,7 @@ <h2>
             <div class="flex flex-row gap-1 line-height-3">
               <p class="white-space-nowrap">{{ 'resourceCard.labels.from' | translate }}</p>
               <a
-                class="white-space-normal"
+                class="white-space-normal word-break-word"
                 [href]="resource().isPartOf!.absoluteUrl"
                 target="_blank"
                 rel="noopener noreferrer"