fix: verify button alignment in POI accounts screen (deriv-com#12259)

sergei-deriv · Dec 15, 2023 · 52b9c32 · 52b9c32
1 parent 586b9bb
commit 52b9c32
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 15 deletions.
diff --git a/packages/account/src/Components/poi/idv-status/idv-failed/idv-failed.tsx b/packages/account/src/Components/poi/idv-status/idv-failed/idv-failed.tsx
@@ -334,15 +334,21 @@ const IdvFailed = ({
                         />
                         <DesktopWrapper>
                             {!is_from_external && (
-                                <Button
-                                    className='proof-of-identity__submit-button'
-                                    type='submit'
-                                    has_effect
-                                    is_disabled={!dirty || isSubmitting || !isValid}
-                                    text={is_document_upload_required ? localize('Verify') : localize('Update profile')}
-                                    large
-                                    primary
-                                />
+                                <div className='proof-of-identity__actions'>
+                                    <Button
+                                        className='proof-of-identity__submit-button'
+                                        type='submit'
+                                        has_effect
+                                        is_disabled={!dirty || isSubmitting || !isValid}
+                                        text={
+                                            is_document_upload_required
+                                                ? localize('Verify')
+                                                : localize('Update profile')
+                                        }
+                                        large
+                                        primary
+                                    />
+                                </div>
                             )}
                         </DesktopWrapper>
                     </FormBody>

diff --git a/packages/core/src/sass/app/_common/components/account-common.scss b/packages/core/src/sass/app/_common/components/account-common.scss
@@ -894,14 +894,24 @@
             }
         }
 
-        .proof-of-identity__submit-button {
-            @include desktop {
-                margin-top: 3.2rem;
-                margin-left: auto;
+        .proof-of-identity {
+            &__actions {
+                @include desktop {
+                    display: flex;
+                    justify-content: flex-end;
+                    align-items: flex-end;
+                }
             }
 
-            @include mobile {
-                margin-inline: 2.4rem;
+            &__submit-button {
+                @include desktop {
+                    margin-top: 3.2rem;
+                    margin-left: auto;
+                }
+
+                @include mobile {
+                    margin-inline: 2.4rem;
+                }
             }
         }