[editor] Fix TextEditor scrolling and height

projects/editor/src/app/components/dialogs/label-edit-dialog.component.ts

@@ -36,6 +36,7 @@ import { TextImageLabel } from 'common/models/elements/label-interfaces';
     </mat-dialog-actions>
   `,
   styles: [`
+    aspect-rich-text-editor {min-height: 200px;}
     .image-panel {
       display: flex;
       margin-top: 20px;

projects/editor/src/app/components/dialogs/likert-row-edit-dialog.component.ts

@@ -75,14 +75,15 @@ import { TextLabel } from 'common/models/elements/label-interfaces';
     </mat-dialog-actions>
   `,
   styles: [`
-     mat-checkbox {
-       margin-bottom: 15px;
-     }
+    aspect-rich-text-editor {min-height: 200px;}
+    mat-checkbox {
+      margin-bottom: 15px;
+    }
 
-     aspect-text-image-panel {
-       margin-left: auto;
-       margin-right: auto;
-     }
+    aspect-text-image-panel {
+      margin-left: auto;
+      margin-right: auto;
+    }
   `]
 })
 export class LikertRowEditDialogComponent {

projects/editor/src/app/components/dialogs/rich-text-edit-dialog.component.ts

@@ -15,6 +15,10 @@ import { MAT_DIALOG_DATA } from '@angular/material/dialog';
       <button mat-button [mat-dialog-close]="data.content">{{'save' | translate }}</button>
       <button mat-button mat-dialog-close>{{'cancel' | translate }}</button>
     </mat-dialog-actions>
+  `,
+  styles: `
+    .mat-mdc-dialog-content {display: flex; flex-direction: column;}
+    aspect-rich-text-editor {min-height: 450px;}
   `
 })
 export class RichTextEditDialogComponent {

projects/editor/src/app/text-editor/rich-text-editor.component.scss

-:host ::ng-deep div.ProseMirror {
-  min-height: 350px;
+:host {
+  display: flex;
+  flex-direction: column;
+}
+
+tiptap-editor {
+  flex-grow: 1;
+  display: flex;
+  overflow: scroll;
 }
 
-:host ::ng-deep .small-input div.ProseMirror {
-  min-height: 100px;
+:host ::ng-deep div.ProseMirror {
+  width: 100%;
+  margin: 10px;
+  overflow: scroll;
 }
 
 .editor-control-panel {