ok, don't mess with the icons sizes. *sigh*

src/src/app/app.component.ts

@@ -91,7 +91,9 @@ export class AppComponent extends SubscriberBase implements AfterViewInit {
   }
 
   showHelp() {
-    this.dialog.open(HelpModalComponent);
+    this.dialog.open(HelpModalComponent, {
+      autoFocus: 'content',
+    });
   }
 
   ngAfterViewInit(): void {

src/src/app/components/card.component.ts

@@ -60,6 +60,7 @@ export class CardComponent extends SubscriberBase {
   addToSavedPage() {
     this.dialog.open(AddToPageModalComponent, {
       data: this.cardItem,
+      autoFocus: 'content',
     });
   }
 

src/src/app/components/note/note-card.component.ts

@@ -49,6 +49,7 @@ export class NoteCardComponent extends CardComponent {
   edit() {
     this.dialog.open(NoteEditModalComponent, {
       data: this.cardItem,
+      autoFocus: 'note-content',
     });
   }
 

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

@@ -4,7 +4,7 @@
     <div class="title">{{ dialogTitle }}</div>
   </mat-toolbar>
 </div>
-<mat-dialog-content>
+<mat-dialog-content class="content">
   <form [formGroup]="form">
     <mat-form-field class="page-title">
       <mat-label>Title</mat-label>

src/src/app/components/passage/passage-card.component.ts

@@ -149,6 +149,7 @@ export class PassageCardComponent extends CardComponent implements OnInit {
         const card = await this.appService.getStrongsCard(sn, dict);
         this.dialog.open(StrongsModalComponent, {
           data: card,
+          autoFocus: 'content',
         });
       } else {
         this.appService.getStrongs(sn, dict, this.cardItem);

src/src/app/components/saved-page-card/saved-page-card.component.ts

@@ -130,6 +130,7 @@ export class SavedPageCardComponent extends SubscriberBase {
       data: {
         title: this.savedPage.title,
         savedPage: this.savedPage,
+        autoFocus: 'content',
       },
     });
   }

src/src/app/components/settings/settings.component.scss

@@ -11,9 +11,3 @@
 .auth-button {
   width: 100%;
 }
-
-button>.mat-icon, .mat-mdc-outlined-button>.mat-icon {
-    font-size: 1.125rem !important;
-    height: 1.125rem !important;
-    width: 1.125rem !important;
-}

src/src/app/components/settings/settings.component.ts

@@ -101,7 +101,9 @@ export class SettingsComponent extends SubscriberBase {
 
   savePage() {
     this.navService.closeSettings();
-    this.dialog.open(PageEditModalComponent);
+    this.dialog.open(PageEditModalComponent, {
+      autoFocus: 'content',
+    });
   }
 
   updatePage(page: SavedPage) {
@@ -127,7 +129,9 @@ export class SettingsComponent extends SubscriberBase {
 
   createNote() {
     this.navService.closeSettings();
-    this.dialog.open(NoteEditModalComponent);
+    this.dialog.open(NoteEditModalComponent, {
+      autoFocus: 'note-content',
+    });
   }
 
   //#endregion

src/src/app/components/strongs/card/strongs-card.component.ts

@@ -39,6 +39,7 @@ export class StrongsCardComponent extends CardComponent {
       const card = await this.appService.getStrongsCard(sn, dict);
       this.dialog.open(StrongsModalComponent, {
         data: card,
+        autoFocus: 'content',
       });
     } else {
       this.appService.getStrongs(sn, dict, this.cardItem);

src/src/app/components/strongs/modal/strongs-modal.component.html

@@ -13,7 +13,7 @@
       </button>
     </span>
   </mat-toolbar>
-<mat-dialog-content class="content">
+<mat-dialog-content  class="content">
   <br />
   <app-strongs
     [data]="cardItem.data"

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

@@ -13,7 +13,7 @@
     </span>
   </mat-toolbar>
 </div>
-<mat-dialog-content>
+<mat-dialog-content class="content">
   <div>
     <span *ngIf="hasBook === false">
       <h2>Old Testament</h2>

src/src/app/pages/notes-admin/notes-admin.page.ts

@@ -30,7 +30,9 @@ export class NotesAdminPageComponent extends SubscriberBase implements OnInit {
   }
 
   addNote() {
-    this.dialog.open(NoteEditModalComponent);
+    this.dialog.open(NoteEditModalComponent, {
+      autoFocus: 'note-content',
+    });
   }
   ngOnInit() {
     this.navService.closeNav(); // close the nav immediately.

src/src/app/pages/search/search.page.ts

@@ -93,7 +93,9 @@ export class SearchPageComponent extends SubscriberBase implements OnInit {
   }
 
   launchPicker() {
-    this.dialog.open(VersePickerModalComponent);
+    this.dialog.open(VersePickerModalComponent, {
+      autoFocus: 'content',
+    });
   }
 
   //#region Search

src/src/styles/app.scss

@@ -45,9 +45,9 @@ body {
 }
 
 mat-icon {
-  font-size: 1.2em !important;
+  // font-size: 1.2em !important;
-  height: 30px !important;
+  // height: 30px !important;
-  width: 30px !important;
+  // width: 30px !important;
   vertical-align: text-top;
 }