From 61ece036806781f839beea84d7a3ad39f74e18b8 Mon Sep 17 00:00:00 2001
From: andrej romanov <50377758+auumgn@users.noreply.github.com>
Date: Wed, 18 Mar 2026 19:24:19 +0200
Subject: [PATCH 1/2] PD-5222 make oauth challenge wider on mobile

---
 .../auth-challenge/auth-challenge.component.scss         | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/projects/orcid-registry-ui/src/lib/components/auth-challenge/auth-challenge.component.scss b/projects/orcid-registry-ui/src/lib/components/auth-challenge/auth-challenge.component.scss
index 857747a2fa..719a6fc34b 100644
--- a/projects/orcid-registry-ui/src/lib/components/auth-challenge/auth-challenge.component.scss
+++ b/projects/orcid-registry-ui/src/lib/components/auth-challenge/auth-challenge.component.scss
@@ -46,3 +46,12 @@ mat-progress-bar {
   position: absolute;
   max-width: 580px;
 }
+
+@media (max-width: 600px) {
+  .container {
+    padding: 32px;
+  }
+  ::ng-deep .mat-mdc-dialog-panel {
+    min-width: 90vw !important;
+  }
+}

From 9a6bb2b5924b4de4a03740166c10862f6121e13a Mon Sep 17 00:00:00 2001
From: andrej romanov <50377758+auumgn@users.noreply.github.com>
Date: Wed, 18 Mar 2026 19:46:09 +0200
Subject: [PATCH 2/2] PD-5223 improve mobile styling

---
 .../auth-challenge/auth-challenge.component.scss          | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/projects/orcid-registry-ui/src/lib/components/auth-challenge/auth-challenge.component.scss b/projects/orcid-registry-ui/src/lib/components/auth-challenge/auth-challenge.component.scss
index 719a6fc34b..96ca57be78 100644
--- a/projects/orcid-registry-ui/src/lib/components/auth-challenge/auth-challenge.component.scss
+++ b/projects/orcid-registry-ui/src/lib/components/auth-challenge/auth-challenge.component.scss
@@ -1,3 +1,8 @@
+::ng-deep .mat-mdc-dialog-panel {
+  max-height: 94vh !important;
+  max-width: 90vw !important;
+}
+
 :host {
   font-family: var(--orcid-font-family-sans, 'Noto Sans', sans-serif);
 }
@@ -51,7 +56,4 @@ mat-progress-bar {
   .container {
     padding: 32px;
   }
-  ::ng-deep .mat-mdc-dialog-panel {
-    min-width: 90vw !important;
-  }
 }