Fixing Notes Modal Size

src/app/shared/edit-notes-dialog/edit-notes-dialog.component.html

@@ -1,7 +1,7 @@
 <h2 mat-dialog-title>Notes Editor</h2>
 
-<mat-dialog-content>
-  <mat-form-field class="full-width">
+<mat-dialog-content class="dialog-content">
+  <mat-form-field class="full-width adjusted-height">
     <mat-label>Notes</mat-label>
     <textarea #notes matInput placeholder="Add notes" (input)="handleNotesChange(notes.value)">{{ data.notes }}</textarea>
   </mat-form-field>

src/app/shared/edit-notes-dialog/edit-notes-dialog.component.scss

@@ -0,0 +1,9 @@
+.dialog-content {
+
+  .full-width {
+    width: 100%;
+  }
+  .adjusted-height {
+    height: 265px;
+  }
+}

src/app/slides/abstract.slide.ts

@@ -80,6 +80,8 @@ export abstract class AbstractSlide {
     const notes = this.notes.toString();
     const dialogRef = this.dialog.open(EditNotesDialogComponent, {
       data: { notes },
+      height: '400px',
+      width: '600px',
     });
 
     dialogRef.afterClosed().subscribe(this.handleEditNotesClosed.bind(this));