Add style to fix scrolling of note input area

src/app/degree-planner/dialogs/notes-dialog/notes-dialog.component.html

@@ -19,7 +19,7 @@
 <mat-dialog-content id="note-dialog" class="mat-typography dialog-with-toolbar">
   <div fxLayout="column" fxLayoutAlign="none" fxLayoutGap="10px">
     <div id="note-content">
-      <mat-dialog-content [formGroup]="form">
+      <mat-dialog-content [formGroup]="form" class="note-input-area">
         <mat-form-field>
           <textarea
             cdkFocusInitial

src/app/degree-planner/dialogs/notes-dialog/notes-dialog.component.scss

@@ -12,3 +12,7 @@
   border-top: 1px solid #b7b7b7;
   padding-top: 1em;
 }
+
+.note-input-area {
+  overflow: visible;
+}

src/assets/sass/general.scss

@@ -306,7 +306,7 @@ body {
 
 // Media queries
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 500px) {
   .mat-dialog-container {
     min-width: 100%;
   }