ROENROLL-1982

src/app/dars/dars-view/dars-view.component.scss

@@ -26,6 +26,17 @@
   display: none !important;
 }
 
+/deep/.dialog-fullscreen {
+  max-width: none !important;
+  max-height: none !important;
+
+  width: 100% !important;
+  height: 100% !important;
+  .mat-dialog-content {
+    max-height: 85vh !important;
+  }
+}
+
 .audit-group-divider {
   border-bottom: 3px solid #969696;
   margin: 3.2em 0em;

src/app/dars/dars-view/dars-view.component.ts

@@ -100,7 +100,9 @@ export class DARSViewComponent implements OnInit, OnDestroy {
 
   public openDegreeAuditDialog() {
     const subscription = this.dialog
-      .open<any, any, NewDegreeAuditFields>(NewDegreeAuditDialogComponent)
+      .open<any, any, NewDegreeAuditFields>(NewDegreeAuditDialogComponent, {
+        panelClass: this.mobileView.matches ? 'dialog-fullscreen' : '',
+      })
       .afterClosed()
       .subscribe(event => {
         subscription.unsubscribe();
@@ -120,7 +122,9 @@ export class DARSViewComponent implements OnInit, OnDestroy {
 
   public openWhatIfAuditDialog() {
     const subscription = this.dialog
-      .open<any, any, NewWhatIfAuditFields>(NewWhatIfAuditDialogComponent)
+      .open<any, any, NewWhatIfAuditFields>(NewWhatIfAuditDialogComponent, {
+        panelClass: this.mobileView.matches ? 'dialog-fullscreen' : '',
+      })
       .afterClosed()
       .subscribe(event => {
         subscription.unsubscribe();