UI Fixes

Author: RyCarpenter

web-app/admin/src/app/admin/admin-users/user-details/user-details.component.scss

@@ -74,7 +74,6 @@
         flex: 0 1 auto;
         max-height: calc(50% - 0.375rem);
         display: flex;
-        overflow: auto;
     }
 }
 
@@ -463,7 +462,6 @@
     display: flex;
     flex-direction: column;
     min-height: 200px;
-    overflow: auto;
 
     .danger-zone-title {
         font-size: 1.125rem;

web-app/admin/src/app/authentication/signin-modal/signin-modal.component.scss

@@ -1,5 +1,6 @@
 :host {
   display: block;
+  overflow: hidden;
 }
 
 .mat-dialog-container {
@@ -8,13 +9,15 @@
   overflow: hidden;
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), 0 8px 16px rgba(0, 0, 0, 0.15);
   background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
+  overflow: hidden;
 }
 
 .modal-header {
   padding: 20px 28px;
   border-bottom: 1px solid #e0e0e0;
   background: linear-gradient(135deg, #1e88e5, #1289ff);
   color: white;
+  overflow: hidden;
 }
 
 .modal-title {
@@ -27,6 +30,7 @@
 .modal-body {
   padding: 32px 28px;
   margin: 0 auto;
+  overflow: hidden;
 }
 
 .modal-header::after {

web-app/admin/src/app/services/auth-buffer.interceptor.ts

@@ -50,7 +50,8 @@ export class AuthBufferInterceptor implements HttpInterceptor {
             this.apiService.getApi().subscribe({
               next: (api) => {
                 const ref = this.dialog.open(SigninModalComponent, {
-                  width: '600px',
+                  width: 'auto',
+                  height: 'auto',
                   disableClose: true,
                   autoFocus: false,
                   data: { api }