fix: onfido screen css issues

binary-com · Sep 27, 2023 · 5402999 · 5402999
1 parent 778e635
commit 5402999
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 25 deletions.
diff --git a/packages/account/src/Styles/account.scss b/packages/account/src/Styles/account.scss
@@ -1856,29 +1856,6 @@ $MIN_HEIGHT_FLOATING: calc(
     }
 }
 
-/** @define onfido-container; weak */
-.onfido-container {
-    &__hidden {
-        display: none;
-    }
-
-    @include mobile {
-        .onfido-sdk-ui-PageTitle {
-            &-titleWrapper {
-                margin: 0 1.5em 0.4em;
-            }
-
-            &-title {
-                text-align: left;
-            }
-
-            &-subTitle {
-                text-align: left;
-            }
-        }
-    }
-}
-
 /* stylelint-disable */
 .dc-modal {
     &__container {

diff --git a/packages/core/src/sass/app/_common/components/onfido-container.scss b/packages/core/src/sass/app/_common/components/onfido-container.scss
@@ -4,6 +4,10 @@
     align-items: center;
     gap: 1.6rem;
 
+    &__hidden {
+        display: none;
+    }
+
     &-view_wrapper {
         position: relative;
         min-width: 32.8rem;
@@ -22,8 +26,15 @@
     @include mobile() {
         padding: 1.6rem;
 
-        .onfido-sdk-ui-PageTitle-titleSpan {
-            font-size: 2rem;
+        & .onfido-sdk-ui-PageTitle {
+            &-titleWrapper {
+                margin: 2.4rem 0 0;
+            }
+
+            &-title {
+                font-size: 2rem;
+                text-align: center;
+            }
         }
     }
 
@@ -47,6 +58,10 @@
         @include mobile {
             margin-top: 1.6rem;
         }
+
+        .dc-hint-box {
+            margin-inline: 0.8rem;
+        }
     }
 
     &__status-message {