Improve responsiveness of metadata editor dialog

Author: PabloG02

src/app/image-metadata-dialog/image-metadata-dialog.component.css

@@ -6,8 +6,8 @@
 .dialog-container {
   display: flex;
   flex-direction: column;
-  max-height: 90vh;
-  width: 800px;
+  height: 100%;
+  width: 100%;
   overflow: hidden;
   padding: 24px;
   box-sizing: border-box;

src/app/ontology-editor-element/ontology-editor-element.component.ts

@@ -67,8 +67,9 @@ export class OntologyEditorElementComponent {
       } as ImageMetadata;
 
     const dialogRef = this.dialog.open(ImageMetadataDialogComponent, {
-      width: '800px',
-      maxHeight: '90vh',
+      width: '85%',
+      maxWidth: '800px',
+      maxHeight: '90%',
       data: { metadata }
     });