Fix Titles of modals so they use the whole width

src/src/app/components/add-to-page-modal/add-to-page-modal.component.html

@@ -1,9 +1,7 @@
-<div mat-dialog-title>
-  <mat-toolbar>
+<mat-toolbar>
   <mat-icon>save</mat-icon>
   <div class="title">Add Card to Saved Page</div>
-  </mat-toolbar>
-</div>
+</mat-toolbar>
 <mat-dialog-content class="content">
   <div class="page-list">
     <mat-selection-list #pageList>
@@ -26,7 +24,6 @@
     ><button
       class="page-add-button"
       mat-icon-button
-      mat-button
       [disableRipple]="true"
       (click)="addPage()"
     >

src/src/app/components/note/edit-modal/note-edit-modal.component.html

@@ -1,10 +1,9 @@
-<div mat-dialog-title>
-  <mat-toolbar>
+<mat-toolbar>
   <mat-icon>edit</mat-icon>
   <div class="title">Edit: {{ data.title }}</div>
-  </mat-toolbar>
-</div>
+</mat-toolbar>
 <mat-dialog-content>
+  <br />
   <form [formGroup]="noteForm">
     <mat-form-field class="note-title">
       <mat-label>Title</mat-label>

src/src/app/components/page-edit-modal/page-edit-modal.component.html

@@ -1,9 +1,7 @@
-<div mat-dialog-title>
-  <mat-toolbar>
+<mat-toolbar>
   <mat-icon>save</mat-icon>
   <div class="title">{{ dialogTitle }}</div>
-  </mat-toolbar>
-</div>
+</mat-toolbar>
 <mat-dialog-content class="content">
   <form [formGroup]="form">
     <mat-form-field class="page-title">

src/src/app/components/verse-picker-modal/verse-picker-modal.component.html

@@ -1,18 +1,12 @@
-<div mat-dialog-title>
-  <mat-toolbar>
+<mat-toolbar>
   <mat-icon>bookmarks</mat-icon>
   <div class="title">Verse Picker</div>
   <span class="close-button">
-      <button
-        mat-icon-button
-        mat-dialog-close
-        aria-label="Exit the verse picker"
-      >
+    <button mat-icon-button mat-dialog-close aria-label="Exit the verse picker">
       <mat-icon>cancel</mat-icon>
     </button>
   </span>
-  </mat-toolbar>
-</div>
+</mat-toolbar>
 <mat-dialog-content class="content">
   <div>
     <span *ngIf="hasBook === false">