Fixes

- fix filter and wording for new personal notes tile
- break long words in comment and personal note boxes
- remove h4 headings for comment and personal note boxes

client/src/app/shared/components/meta-text-block/meta-text-block.component.scss

@@ -29,5 +29,6 @@
 
     mat-card-content {
         padding: 15px;
+        word-wrap: break-word;
     }
 }

client/src/app/site/motions/modules/motion-detail/components/motion-comments/motion-comments.component.html

@@ -17,7 +17,6 @@
             </ng-container>
             <form [formGroup]="commentForms[section.id]" *ngIf="isCommentEdited(section)">
                 <!-- The HTML Editor -->
-                <h4 translate>Comment</h4>
                 <editor formControlName="comment" [init]="tinyMceSettings"></editor>
             </form>
         </ng-container>

client/src/app/site/motions/modules/motion-detail/components/personal-note/personal-note.component.html

@@ -40,7 +40,6 @@
         </ng-container>
         <form [formGroup]="personalNoteForm" *ngIf="isEditMode">
             <!-- The HTML Editor -->
-            <h4 translate>Personal note</h4>
             <editor formControlName="note" [init]="tinyMceSettings"></editor>
         </form>
     </ng-container>

client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.html

@@ -192,7 +192,7 @@
                                 >
                                     <span *ngSwitchCase="'Favorites'"><mat-icon>star</mat-icon></span>
                                     <span *ngSwitchCase="'No category'"><mat-icon>block</mat-icon></span>
-                                    <span *ngSwitchCase="'Personal Note'"><mat-icon>speaker_notes</mat-icon></span>
+                                    <span *ngSwitchCase="'Personal notes'"><mat-icon>speaker_notes</mat-icon></span>
                                     <span *ngSwitchDefault>
                                         <span *ngIf="tile.prefix">
                                             {{ tile.prefix }}

client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.ts

@@ -311,7 +311,7 @@ export class MotionListComponent extends BaseListViewComponent<ViewMotion> imple
         }
 
         this.addToTileInfo('Favorites', 'star', true, favoriteMotions);
-        this.addToTileInfo('Personal Note', 'hasNote', true, motionsWithNotes);
+        this.addToTileInfo('Personal notes', 'hasNotes', true, motionsWithNotes);
         this.addToTileInfo('No category', 'category', null, motionsWithoutCategory);
 
         this.createCategoryTiles(Array.from(localCategories));

client/src/app/site/motions/services/motion-multiselect.service.ts

@@ -27,7 +27,7 @@ import { ViewMotion } from '../models/view-motion';
     providedIn: 'root'
 })
 export class MotionMultiselectService {
-    private messageForSpinner = 'Motions are in process. Please wait...';
+    private messageForSpinner = this.translate.instant('Motions are in process. Please wait...');
 
     /**
      * Does nothing.