Merge pull request #4826 from Giveth/fix/succ_mobile_verify_page_links

Fixing button clicking and expire verify code page
Giveth · Oct 9, 2024 · a7173e0 · a7173e0
2 parents 19a91df + 377811a
commit a7173e0
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/next-env.d.ts b/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/src/components/views/verification/EmailVerificationIndex.tsx b/src/components/views/verification/EmailVerificationIndex.tsx
@@ -138,12 +138,12 @@ function Rejected() {
 				This link is expired or not exist anymore, you have to verify
 				your email again.
 			</Lead>
-			<VCLeadContainer>
+			<VCLeadContainerHolder>
 				<Lead>
 					please go to the verify status form under personal info and
 					request a new verification email!
 				</Lead>
-			</VCLeadContainer>
+			</VCLeadContainerHolder>
 
 			<VCImageContainer>
 				<Link href='/'>
@@ -160,6 +160,17 @@ function Rejected() {
 }
 
 const LinkHolder = styled.div`
+	position: relative;
+	z-index: 1000;
+	${mediaQueries.mobileS} {
+		margin-bottom: 205px;
+	}
+	${mediaQueries.laptopS} {
+		margin-bottom: 0;
+	}
+`;
+
+const VCLeadContainerHolder = styled(VCLeadContainer)`
 	${mediaQueries.mobileS} {
 		margin-bottom: 205px;
 	}