From 02cef20cd0582f7ee489896c7b74e94162ff3e57 Mon Sep 17 00:00:00 2001
From: Jason Wall <jason.wall@vaeit.com>
Date: Sat, 9 Mar 2024 13:59:04 -0500
Subject: [PATCH] Fix Titles of modals so they use the whole width

---
 .../add-to-page-modal.component.html          | 11 ++++-----
 .../edit-modal/note-edit-modal.component.html | 11 ++++-----
 .../page-edit-modal.component.html            | 10 ++++----
 .../verse-picker-modal.component.html         | 24 +++++++------------
 4 files changed, 22 insertions(+), 34 deletions(-)

diff --git a/src/src/app/components/add-to-page-modal/add-to-page-modal.component.html b/src/src/app/components/add-to-page-modal/add-to-page-modal.component.html
index e445b2ee..5e405591 100644
--- a/src/src/app/components/add-to-page-modal/add-to-page-modal.component.html
+++ b/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-icon>save</mat-icon>
-    <div class="title">Add Card to Saved Page</div>
-  </mat-toolbar>
-</div>
+<mat-toolbar>
+  <mat-icon>save</mat-icon>
+  <div class="title">Add Card to Saved Page</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()"
     >
diff --git a/src/src/app/components/note/edit-modal/note-edit-modal.component.html b/src/src/app/components/note/edit-modal/note-edit-modal.component.html
index c89a21b5..11fd9de5 100644
--- a/src/src/app/components/note/edit-modal/note-edit-modal.component.html
+++ b/src/src/app/components/note/edit-modal/note-edit-modal.component.html
@@ -1,10 +1,9 @@
-<div mat-dialog-title>
-  <mat-toolbar>
-    <mat-icon>edit</mat-icon>
-    <div class="title">Edit: {{ data.title }}</div>
-  </mat-toolbar>
-</div>
+<mat-toolbar>
+  <mat-icon>edit</mat-icon>
+  <div class="title">Edit: {{ data.title }}</div>
+</mat-toolbar>
 <mat-dialog-content>
+  <br />
   <form [formGroup]="noteForm">
     <mat-form-field class="note-title">
       <mat-label>Title</mat-label>
diff --git a/src/src/app/components/page-edit-modal/page-edit-modal.component.html b/src/src/app/components/page-edit-modal/page-edit-modal.component.html
index 4fda0d52..9a785274 100644
--- a/src/src/app/components/page-edit-modal/page-edit-modal.component.html
+++ b/src/src/app/components/page-edit-modal/page-edit-modal.component.html
@@ -1,9 +1,7 @@
-<div mat-dialog-title>
-  <mat-toolbar>
-    <mat-icon>save</mat-icon>
-    <div class="title">{{ dialogTitle }}</div>
-  </mat-toolbar>
-</div>
+<mat-toolbar>
+  <mat-icon>save</mat-icon>
+  <div class="title">{{ dialogTitle }}</div>
+</mat-toolbar>
 <mat-dialog-content class="content">
   <form [formGroup]="form">
     <mat-form-field class="page-title">
diff --git a/src/src/app/components/verse-picker-modal/verse-picker-modal.component.html b/src/src/app/components/verse-picker-modal/verse-picker-modal.component.html
index eeb6fcc2..4a3985e2 100644
--- a/src/src/app/components/verse-picker-modal/verse-picker-modal.component.html
+++ b/src/src/app/components/verse-picker-modal/verse-picker-modal.component.html
@@ -1,18 +1,12 @@
-<div mat-dialog-title>
-  <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"
-      >
-        <mat-icon>cancel</mat-icon>
-      </button>
-    </span>
-  </mat-toolbar>
-</div>
+<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">
+      <mat-icon>cancel</mat-icon>
+    </button>
+  </span>
+</mat-toolbar>
 <mat-dialog-content class="content">
   <div>
     <span *ngIf="hasBook === false">